RESOLVED FIXED 152975
Element translated out of container containing text does not render until transition end 
https://bugs.webkit.org/show_bug.cgi?id=152975
Summary Element translated out of container containing text does not render until tra...
Ben Frain
Reported 2016-01-11 09:45:41 PST
Here is a reduction. Behaviour is as expected in desktop Safari/WebKit. iOS has the problem (tested in iOS 9.2). http://codepen.io/benfrain/full/PZjpxr We have two divs inside another div. Both internal divs have a different colour background. One div has text in, one does not. When the button is clicked both divs translate out of their parent container (via transform3d). When the button is clicked again to toggle the class off, only the div without text transitions back to it's state as expected. The other does not appear until transition end.
Attachments
Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2016-01-11 22:23:42 PST
Odd that iOS would be different from Mac.
Alexey Proskuryakov
Comment 2 2016-09-08 14:00:58 PDT
<rdar://problem/28213700>
Ben Frain
Comment 3 2019-08-30 07:27:06 PDT
Can't replicate in iOS12
Note You need to log in before you can comment on or make changes to this bug.