How can one detect if a specific element within a scrollable container is currently visible to the user's view (i.e. within the visible area of the scrolling parent)?
Is there a universal method available that does not require iterating through all parent nodes with scroll functionality?
P.S. One possible solution could involve using `getElementAtPoint`, although this approach becomes complex when trying to determine if at least half of the element is visible. Ideally, the solution would incorporate collision detection between the element's rectangle and the viewport.
P.P.S. Another suggestion is to utilize `scrollIntoView` on the targeted element, calculate the positional difference, and then return it to its original position. It seems that `scrollIntoView` consistently manages both the window and inner scrollable elements effectively!