Fix: scroll horizontal images into view

This commit is contained in:
Pieter Vander Vennet 2024-09-13 21:00:41 +02:00
parent 55f626bb03
commit 03978631eb

View file

@ -1452,6 +1452,7 @@ In the case that MapComplete is pointed to the testing grounds, the edit will be
if (!element) { if (!element) {
return return
} }
console.log("Scrolling into view:", element)
// Is the element completely in the view? // Is the element completely in the view?
const parentRect = Utils.findParentWithScrolling(element)?.getBoundingClientRect() const parentRect = Utils.findParentWithScrolling(element)?.getBoundingClientRect()
if (!parentRect) { if (!parentRect) {
@ -1462,7 +1463,9 @@ In the case that MapComplete is pointed to the testing grounds, the edit will be
// Check if the element is within the vertical bounds of the parent element // Check if the element is within the vertical bounds of the parent element
const topIsVisible = elementRect.top >= parentRect.top const topIsVisible = elementRect.top >= parentRect.top
const bottomIsVisible = elementRect.bottom <= parentRect.bottom const bottomIsVisible = elementRect.bottom <= parentRect.bottom
const inView = topIsVisible && bottomIsVisible const leftIsVisible = elementRect.left >= parentRect.left
const rightIsVisible = elementRect.right <= parentRect.right
const inView = topIsVisible && bottomIsVisible && leftIsVisible && rightIsVisible
if (inView) { if (inView) {
return return
} }