malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Improve popup menu screen collision detection

Browse Source
This commit is contained in:
Tetrakern 2023-06-03 11:38:29 +02:00
parent 07ceaeca8e
commit 4cd4ddf047
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/utility.min.js vendored
View File

File diff suppressed because one or more lines are too long

16
src/js/utility.js
View File

@ -756,24 +756,26 @@ function fcn_scrollToAnchor(source) {
// =============================================================================
/**
* Detects if an element is about to leave the visible screen and returns the collision directions.
* Detects if an element is about to leave the visible screen (vertical)
* and returns the collision directions.
*
* @since 5.2.5
* @param {HTMLElement} element - The element to check for collision.
* @returns {Array} - Array of collision directions ('top', 'bottom', 'left', 'right').
* @returns {Array} - Array of collision directions ('top', 'bottom').
*/
function fcn_detectScreenCollision(element) {
let rect = element.getBoundingClientRect(),
elementHeight = element.clientHeight,
viewportHeight = window.innerHeight ?? document.documentElement.clientHeight,
viewportWidth = window.innerWidth ?? document.documentElement.clientWidth,
threshold = 50,
offset = (element.closest('.popup-menu-toggle')?.clientHeight ?? 32) + 16,
bottomSpacing = viewportHeight - rect.bottom - elementHeight,
topSpacing = rect.top - elementHeight,
result = [];
if (rect.top <= threshold) result.push('top');
if (rect.bottom >= viewportHeight - threshold) result.push('bottom');
if (rect.left <= threshold) result.push('left');
if (rect.right >= viewportWidth - threshold) result.push('right');
if (rect.top <= threshold && bottomSpacing > threshold + offset) result.push('top');
if (rect.bottom >= viewportHeight - threshold && topSpacing > threshold + offset) result.push('bottom');
return result;
}