github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-28 23:59:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix shapes flyout in toolbar only opens with the space key, and doesn't close when pressed again

Browse Source
This commit is contained in:
Luis de Dios 2026-08-24 12:57:52 +02:00
parent 47d599fe34
commit b93837b433
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/app/main/ui/workspace/top_toolbar.cljs
View File

@ -149,16 +149,26 @@
on-main-key-down
(mf/use-fn
(mf/deps open)
(fn [event]
(cond
(kbd/space? event)
(and open (kbd/esc? event))
(reset! open* false)
(or (kbd/enter? event) (kbd/space? event))
(do
(dom/prevent-default event)
(if open
(reset! open* false)
(do
(cancel-timer! close-timer*)
(reset! open* true))))
(kbd/down-arrow? event)
(do
(dom/prevent-default event)
(cancel-timer! close-timer*)
(reset! open* true))
(and open (kbd/esc? event))
(reset! open* false))))
(reset! open* true)))))
on-flyout-key-down
(mf/use-fn
@ -218,7 +228,10 @@
:aria-expanded open
:has-tooltip false
:icon default-icon
:on-click on-select-tool
:on-click (fn [event]
(cancel-timer! open-timer*)
(cancel-timer! close-timer*)
(on-select-tool event))
:on-key-down on-main-key-down
:data-tool (name default-tool)}]