1243776 - Dynamically updating a CSS perspective do not repaint properly

Status: NEW

(Core :: Layout, defect)

Description

[Julien Wajsberg [:julienw]]

STR:
1. Open the attachment.
2. Press the button.
=> observe that the element seems to be clipped in the initial box.

I tried in Firefox 42 that I happened to have, Firefox Stable (44) Aurora (45) Nightly (47, 20160128030208), and all are failing this testcase.

Chromium 48.0.2564.82 makes this work properly.

Comment 1

[Julien Wajsberg [:julienw]]

Attachment: transform.html

Comment 2

[Julien Wajsberg [:julienw]]

I also realize that changing the value in the devtools' inspector does not change anything in the page until I hover the node in the devtools...

Comment 3

[Sebastian Mathis]

I'm not 100% shure if I'm dealing with the same bug. In my case this bug appears when css-attribute is changed on :hover. Just as in the described case there is a workaround by changing some other attributes of the element as well (eg. height, background-color, border, etc.). In chrome the problem does not appear. 
I made 2 codepens to show the problem and my workaround. Hover the elevator and see what happens:

https://codepen.io/enlightenment/pen/QNmeBJ

fixed codepen:

https://codepen.io/enlightenment/pen/NNYQLL