diff --git a/packages/app-frontend/src/features/components/ComponentsInspector.vue b/packages/app-frontend/src/features/components/ComponentsInspector.vue index af45ccfdf..068d1ed77 100644 --- a/packages/app-frontend/src/features/components/ComponentsInspector.vue +++ b/packages/app-frontend/src/features/components/ComponentsInspector.vue @@ -42,16 +42,17 @@ export default defineComponent({ } = useComponentPick() onKeyDown(event => { - if (event.key === 'f' && event.altKey) { + // ƒ,ß,® - these are the result keys in Mac with altKey pressed + if ((event.key === 'f' || event.key === 'ƒ') && event.altKey) { treeFilterInput.value.focus() return false - } else if (event.key === 's' && event.altKey && !pickingComponent.value) { + } else if ((event.key === 's' || event.key === 'ß') && event.altKey && !pickingComponent.value) { startPickingComponent() return false } else if (event.key === 'Escape' && pickingComponent.value) { stopPickingComponent() return false - } else if (event.key === 'r' && (event.ctrlKey || event.metaKey) && event.altKey) { + } else if ((event.key === 'r' || event.key === '®') && (event.ctrlKey || event.metaKey) && event.altKey) { refresh() return false } diff --git a/packages/app-frontend/src/features/components/SelectedComponentPane.vue b/packages/app-frontend/src/features/components/SelectedComponentPane.vue index f6902b5ef..808f4853a 100644 --- a/packages/app-frontend/src/features/components/SelectedComponentPane.vue +++ b/packages/app-frontend/src/features/components/SelectedComponentPane.vue @@ -33,7 +33,8 @@ export default defineComponent({ // State filter const stateFilterInput = ref() onKeyDown(event => { - if (event.key === 'd' && event.altKey) { + // ∂ - the result key in Mac with altKey pressed + if ((event.key === 'd' || event.key === '∂') && event.altKey) { stateFilterInput.value.focus() return false }