mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-12-27 16:48:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Fixed hovering outside the window instantly hiding the sidebar, b=no-bug, c=compact-mode

Browse Source
This commit is contained in:
Mr. M
2025-07-30 02:38:11 +02:00
parent 20392e8e24
commit db0880ea8b
1 changed files with 31 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/zen/compact-mode/ZenCompactMode.mjs
View File

@@ -33,6 +33,8 @@ var gZenCompactModeManager = {
_evenListeners: [],
_removeHoverFrames: {},
HOVER_HACK_DELAY: 10, // Delay to avoid flickering when hovering over the sidebar
preInit() {
// Remove it before initializing so we can properly calculate the width
// of the sidebar at startup and avoid overflowing items not being hidden
@@ -597,7 +599,7 @@ var gZenCompactModeManager = {
target.removeAttribute('zen-has-hover')
);
}
}, 10);
}, this.HOVER_HACK_DELAY);
};
target.addEventListener('mouseenter', onEnter);
@@ -608,33 +610,35 @@ var gZenCompactModeManager = {
}
document.documentElement.addEventListener('mouseleave', (event) => {
const screenEdgeCrossed = this._getCrossedEdge(event.pageX, event.pageY);
if (!screenEdgeCrossed) return;
for (let entry of this.hoverableElements) {
if (screenEdgeCrossed !== entry.screenEdge) continue;
const target = entry.element;
const boundAxis = entry.screenEdge === 'right' || entry.screenEdge === 'left' ? 'y' : 'x';
if (!this._positionInBounds(boundAxis, target, event.pageX, event.pageY, 7)) {
continue;
}
window.cancelAnimationFrame(this._removeHoverFrames[target.id]);
setTimeout(() => {
const screenEdgeCrossed = this._getCrossedEdge(event.pageX, event.pageY);
if (!screenEdgeCrossed) return;
for (let entry of this.hoverableElements) {
if (screenEdgeCrossed !== entry.screenEdge) continue;
const target = entry.element;
const boundAxis = entry.screenEdge === 'right' || entry.screenEdge === 'left' ? 'y' : 'x';
if (!this._positionInBounds(boundAxis, target, event.pageX, event.pageY, 7)) {
continue;
}
window.cancelAnimationFrame(this._removeHoverFrames[target.id]);
this.flashElement(
target,
this.hideAfterHoverDuration,
'has-hover' + target.id,
'zen-has-hover'
);
document.addEventListener(
'mousemove',
() => {
if (target.matches(':hover')) return;
target.removeAttribute('zen-has-hover');
this.clearFlashTimeout('has-hover' + target.id);
},
{ once: true }
);
}
this.flashElement(
target,
this.hideAfterHoverDuration,
'has-hover' + target.id,
'zen-has-hover'
);
document.addEventListener(
'mousemove',
() => {
if (target.matches(':hover')) return;
target.removeAttribute('zen-has-hover');
this.clearFlashTimeout('has-hover' + target.id);
},
{ once: true }
);
}
}, this.HOVER_HACK_DELAY);
});
gURLBar.textbox.addEventListener('mouseleave', () => {