Move component keyboard handler to allow it to function when bindings or state tabs are active

This commit is contained in:
Andrew Kingston 2025-01-23 15:27:33 +00:00
parent bdd1f765cc
commit f4a10d4f63
No known key found for this signature in database
3 changed files with 2 additions and 2 deletions

View File

@ -12,7 +12,6 @@
import ComponentTree from "./ComponentTree.svelte" import ComponentTree from "./ComponentTree.svelte"
import { dndStore, DropPosition } from "./dndStore.js" import { dndStore, DropPosition } from "./dndStore.js"
import DNDPositionIndicator from "./DNDPositionIndicator.svelte" import DNDPositionIndicator from "./DNDPositionIndicator.svelte"
import ComponentKeyHandler from "./ComponentKeyHandler.svelte"
import ComponentScrollWrapper from "./ComponentScrollWrapper.svelte" import ComponentScrollWrapper from "./ComponentScrollWrapper.svelte"
import getScreenContextMenuItems from "./getScreenContextMenuItems" import getScreenContextMenuItems from "./getScreenContextMenuItems"
@ -136,7 +135,6 @@
</ul> </ul>
</ComponentScrollWrapper> </ComponentScrollWrapper>
</div> </div>
<ComponentKeyHandler />
</div> </div>
<style> <style>

View File

@ -4,6 +4,7 @@
import { getHorizontalResizeActions } from "@/components/common/resizable" import { getHorizontalResizeActions } from "@/components/common/resizable"
import { ActionButton } from "@budibase/bbui" import { ActionButton } from "@budibase/bbui"
import BindingsPanel from "./BindingsPanel.svelte" import BindingsPanel from "./BindingsPanel.svelte"
import ComponentKeyHandler from "./ComponentKeyHandler.svelte"
const [resizable, resizableHandle] = getHorizontalResizeActions() const [resizable, resizableHandle] = getHorizontalResizeActions()
@ -42,6 +43,7 @@
<div class="dividerClickExtender" role="separator" use:resizableHandle /> <div class="dividerClickExtender" role="separator" use:resizableHandle />
</div> </div>
</div> </div>
<ComponentKeyHandler />
<style> <style>
.panel { .panel {