Skip to content

Fix the fly-out menu in the sidebar not displaying in Safari

Phil Hughes requested to merge safari-fly-out-fix into master

What does this MR do?

Fixes the fly-out menu in the sidebar not showing in Safari. This was caused by some weird clipping bug that is only present in Safari.

The clipping would stop any position: fixed element inside an overflow from displaying. The fix was to create a new layer context with transform: translate3d & then Safari plays nicely with all the elements correctly positioned & fixed.

Closes #36441 (closed)

Edited by Phil Hughes

Merge request reports