When I search online, most solutions only consider the viewport and/or the first parent container that is scrollable when trying to determine if a div is visible. However, I am wondering if there is a foolproof method to check if a div is truly visible to the user, regardless of its placement within multiple scrollable components, potential overlapping elements, having display: none property set, or any other scenarios that may not currently come to mind?