Dynamically updating a CSS perspective do not repaint properly

NEW
Unassigned

Status

()

Core
Layout
2 years ago
2 years ago

People

(Reporter: julienw, Unassigned)

Tracking

44 Branch
Points:
---

Firefox Tracking Flags

(firefox44 affected, firefox45 affected, firefox46 affected, firefox47 affected)

Details

Attachments

(1 attachment)

(Reporter)

Description

2 years ago
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.
(Reporter)

Comment 1

2 years ago
Created attachment 8713216 [details]
transform.html
(Reporter)

Comment 2

2 years ago
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

2 years ago
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
You need to log in before you can comment on or make changes to this bug.