dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-11 15:59:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(panel): queue panel close after peek animation ends if no longer hovering

Browse Source
This commit is contained in:
dragonwocky 2024-01-18 16:20:18 +11:00
parent 493db7aa2e
commit 69eb2866d5
Signed by: dragonwocky
GPG Key ID: 7998D08F7D7BD7A8
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/core/islands/Panel.mjs
View File

@ -301,6 +301,12 @@ function Panel({
if (isPeeked() || !panelViews.length) return; if (isPeeked() || !panelViews.length) return;
if (isClosed()) Object.assign(animationState, peekAnimation); if (isClosed()) Object.assign(animationState, peekAnimation);
animatePanel({ ...openWidth, ...peekAnimation }); animatePanel({ ...openWidth, ...peekAnimation });
// closing on mouseout is disabled mid-animation,
// queue close in case mouse is no longer peeking
// after the initial animation is complete
setTimeout(() => {
if (!isDragging() && !$panel.matches(":hover")) $panel.close();
}, transitionDuration);
$panel.removeAttribute("data-pinned"); $panel.removeAttribute("data-pinned");
$panel.dataset.peeked = true; $panel.dataset.peeked = true;
setInteractive(true); setInteractive(true);