WebKit / Speedometer

An open source repository for the Speedometer benchmark
Other
592 stars 70 forks source link

Hidden dropdown menus on TodoMVC: React Complex DOM would be drawn under page content if visible #362

Closed mattwoodrow closed 6 months ago

mattwoodrow commented 7 months ago

This page creates a bunch of dropdown menu objects, hidden using opacity: 0; visibility:hidden.

If they were ever unhidden by a real user, they'd appear underneath some of the page content. Toggling the opacity and visibility properties on one of them gives this result:

Screenshot 2024-01-26 at 1 19 00 PM

This affects layerization if a browser is trying to pre-render hidden content that might become visible, and it seems unlikely that anyone would actually want them to appear at this position.

I think we should set the z-index property, so that these are ordered correctly.