From 4886ef668e69d03829f2ceaa9cbe144ef1daeb05 Mon Sep 17 00:00:00 2001 From: Steve Ruiz Date: Wed, 9 Mar 2022 13:13:15 +0000 Subject: [PATCH] adds minimal scrolling to menus (#614) --- .../tldraw/src/components/Primitives/DropdownMenu/DMContent.tsx | 2 ++ packages/tldraw/src/components/TopPanel/PageMenu/PageMenu.tsx | 1 - 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/tldraw/src/components/Primitives/DropdownMenu/DMContent.tsx b/packages/tldraw/src/components/Primitives/DropdownMenu/DMContent.tsx index ab87a6f20..2796a5b7d 100644 --- a/packages/tldraw/src/components/Primitives/DropdownMenu/DMContent.tsx +++ b/packages/tldraw/src/components/Primitives/DropdownMenu/DMContent.tsx @@ -37,6 +37,8 @@ export const StyledContent = styled(MenuContent, { width: 'fit-content', height: 'fit-content', minWidth: 0, + maxHeight: '75vh', + overflowY: 'scroll', '& *': { boxSizing: 'border-box', }, diff --git a/packages/tldraw/src/components/TopPanel/PageMenu/PageMenu.tsx b/packages/tldraw/src/components/TopPanel/PageMenu/PageMenu.tsx index 762d55104..f3b4c985d 100644 --- a/packages/tldraw/src/components/TopPanel/PageMenu/PageMenu.tsx +++ b/packages/tldraw/src/components/TopPanel/PageMenu/PageMenu.tsx @@ -9,7 +9,6 @@ import { DMContent, DMDivider } from '~components/Primitives/DropdownMenu' import { SmallIcon } from '~components/Primitives/SmallIcon' import { RowButton } from '~components/Primitives/RowButton' import { ToolButton } from '~components/Primitives/ToolButton' -import { preventEvent } from '~components/preventEvent' const sortedSelector = (s: TDSnapshot) => Object.values(s.document.pages).sort((a, b) => (a.childIndex || 0) - (b.childIndex || 0))