github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-01 10:56:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix tooltip shown on tab change (#8719)

Browse Source
This commit is contained in:
Eva Marco 2026-03-24 11:22:52 +01:00 committed by GitHub
parent ee1c96f3a1
commit dd6a3c291a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/app/main/ui/ds/tooltip/tooltip.cljs
View File

@ -198,6 +198,14 @@
(reset! active-tooltip {:id tooltip-id :trigger trigger-el}) (reset! active-tooltip {:id tooltip-id :trigger trigger-el})
(reset! visible* true))))))) (reset! visible* true)))))))
on-show-focus
(mf/use-fn
(mf/deps on-show)
(fn [event]
(let [related (dom/get-related-target event)]
(when (some? related)
(on-show event)))))
on-hide on-hide
(mf/use-fn (mf/use-fn
(mf/deps tooltip-id) (mf/deps tooltip-id)
@ -234,7 +242,7 @@
(mf/spread-props props (mf/spread-props props
{:on-mouse-enter on-show {:on-mouse-enter on-show
:on-mouse-leave on-hide :on-mouse-leave on-hide
:on-focus on-show :on-focus on-show-focus
:on-blur on-hide :on-blur on-hide
:ref internal-trigger-ref :ref internal-trigger-ref
:on-key-down handle-key-down :on-key-down handle-key-down
@ -244,17 +252,6 @@
content content
aria-label)})] aria-label)})]
(mf/use-effect
(mf/deps tooltip-id)
(fn []
(let [handle-visibility-change
(fn []
(when (.-hidden js/document)
(on-hide)))]
(js/document.addEventListener "visibilitychange" handle-visibility-change)
;; cleanup
#(js/document.removeEventListener "visibilitychange" handle-visibility-change))))
(mf/use-effect (mf/use-effect
(mf/deps visible placement offset) (mf/deps visible placement offset)
(fn [] (fn []