Comment by dataviz1000

I tried to make it cleaner and organized with code and then output but I think I made it worse without explaining what or why. [0] Sorry. It is only some examples of how to query the DOM to isolate the most important information.

I'm not definite (I'm supposed to be working on something else sorry if I'm wrong here), however, I believe this is the code Browser Use uses for stacking context including piercing the shadow DOM. [1] Because they build a map with all the visible elements, they can inject different color borders around them. Here they test for the topmost elements in the viewport. [2]

[0] https://chatgpt.com/share/682a68bf-c6a0-8004-9c20-15508e6b3b...

[1] https://github.com/browser-use/browser-use/blob/55d078ed5a49...

[2] https://github.com/browser-use/browser-use/blob/55d078ed5a49...