From 8f5242cf13056a8c4defb61bf6df393e03973a12 Mon Sep 17 00:00:00 2001 From: Alex Koehler Date: Tue, 30 Aug 2022 08:42:25 -0500 Subject: [PATCH] Updated `isMultiSelectEnabled` to support ctrl key on windows --- packages/core/src/editor/store.tsx | 3 ++- site/docs/guides/basic-tutorial.md | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/core/src/editor/store.tsx b/packages/core/src/editor/store.tsx index 87d473778..f51895151 100644 --- a/packages/core/src/editor/store.tsx +++ b/packages/core/src/editor/store.tsx @@ -32,7 +32,8 @@ export const editorInitialState: EditorState = { handlers: (store) => new DefaultEventHandlers({ store, - isMultiSelectEnabled: (e: MouseEvent) => !!e.metaKey, + isMultiSelectEnabled: (e: MouseEvent) => + navigator.userAgent.includes('Mac') ? !!e.metaKey : !!e.ctrlKey, }), normalizeNodes: () => {}, }, diff --git a/site/docs/guides/basic-tutorial.md b/site/docs/guides/basic-tutorial.md index 54bebc174..8723035d6 100755 --- a/site/docs/guides/basic-tutorial.md +++ b/site/docs/guides/basic-tutorial.md @@ -926,7 +926,7 @@ const { currentlySelectedId } = useEditor((state) => { }) ``` -> Note: state.events.selected is of type `Set`. This is because in the case of multi-select, it's possible for the user to select multiple Nodes by holding down the `` key. +> Note: state.events.selected is of type `Set`. This is because in the case of multi-select, it's possible for the user to select multiple Nodes by holding down the `` key (Mac) or `` key (Windows). Now, let's replace the placeholder text fields in our Settings Panel with the `settings` Related Component: