Fix double scrollbar within group dropdown menu

iTwin · Nov 28, 2023 · 52e8406 · 52e8406
1 parent 6c88e42
commit 52e8406
Showing 1 changed file with 7 additions and 10 deletions.
diff --git a/packages/saved-views-react/src/SavedViewsWidget/SavedViewsFolderWidget.tsx b/packages/saved-views-react/src/SavedViewsWidget/SavedViewsFolderWidget.tsx
@@ -203,16 +203,13 @@ function SavedViewsGroupScreen(props: SavedViewsGroupScreenProps): ReactElement
           <IconButton onClick={() => props.setActiveGroup(undefined)}><SvgHome /></IconButton>
           <DropdownButton
             dropdownMenuProps={{ appendTo: "parent" }}
-            menuItems={(close) => [
-              <div key="0" style={{ overflow: "auto", height: "calc(15 * var(--iui-size-l))" }}>{
-                groups.map(
-                  (group) =>
-                    <MenuItem key={group.id} onClick={() => { close(); props.setActiveGroup(group.id); }}>
-                      {group.displayName}
-                    </MenuItem>,
-                )}
-              </div>,
-            ]}
+            menuItems={(close) =>
+              groups.map((group) =>
+                <MenuItem key={group.id} onClick={() => { close(); props.setActiveGroup(group.id); }}>
+                  {group.displayName}
+                </MenuItem>,
+              )
+            }
           >
             {props.activeGroup.displayName}
           </DropdownButton>