[split-layout] using transform: translateZ(0) causes problems

[drever]

Description

The vaadin-split-layout defines the style transform: translateZ(0). This causes problems for placing elements inside with position: fixed.

It has been introduced in this commit. Is there a reason why it is there? It seems to be a workaround to force GPU rendering. It would be great if it could be removed, since it makes code using vaadin-split-layout brittle. will-change addresses the same rendering issue as translateZ(0).

• Johannes

[jouni]

Can’t remember any particular reason for adding that, and can’t think of a reason for keeping it.

[tomivirkki]

Out of curiosity, what's the use-case for adding a fixed element inside a split-layout?

[drever]

Out of curiosity, what's the use-case for adding a fixed element inside a split-layout?

It's a custom javascript component with a pop-over which occurs at the mouse position.