Bug 108954 – Incorrect rendering when translating elements inside animating boxes

• Component: Layout and Rendering
• Status: RESOLVED CONFIGURATION CHANGED

[Glenn Maynard]

Created attachment 186651 [details]
test

The blue .overlay should be rendered on top of the text.  When the -webkit-transition on #box is triggered, the text ends up on top.  The text first appears when the box reaches the top, stays on top if the transition is reversed, then pops back underneath when it reaches the bottom.

To run the test, call test() from the console.  This happens in Windows 7 (r131444) and on Safari in iOS 6.

[Simon Fraser (smfr)]

Still reproduces.

[Radar WebKit Bug Importer]

<rdar://problem/43804856>

[Ahmad Saleem]

I am not able to reproduce this in Safari 16.5 and WebKit ToT anymore and by opening test case and typing ('test()') to trigger animation / transition, it does but there is no text bleed or issue of text being visible anymore and it matches Chrome Canary 115 as well.

Marking this as "RESOLVED CONFIGURATION CHANGED", please reopen, if it is reproducible.

[Glenn Maynard]

This report has been ignored for over a decade.  Is this an off-season April Fool's joke?

All this has done is remind me that I once spent the time to report a bug, putting together a clean example to help developers fix it, and was silently ignored.  Reporting bugs well takes time, and ignoring good bug reports is a silent middle finger to the user who spent his time to help you improve your product.

But thanks for bringing it back up.  What were you thinking?