RESOLVED CONFIGURATION CHANGED 113051
Flexbox can cause big paint in some circumstances 
https://bugs.webkit.org/show_bug.cgi?id=113051
Summary Flexbox can cause big paint in some circumstances
David Håsäther
Reported 2013-03-22 06:12:42 PDT
In some circumstances, an absolutely positioned element with `display: flexbox` will cause a large paint (bottom right position of the element to the top left position of the viewport in Chrome, less in Safari, but still a larger area than the element itself). Attaching a testcase which is about as minimal as I could get it. To verify, open Web Inspector and use "Show paint rectangles" (or the Timeline), and hover the element that says "Hover". (The existence of opacity also seems to influence this, I don't see the same thing if I only change the background-color on hover for example.)
Attachments
Demo of the bug (447 bytes, text/html)
2013-03-22 06:13 PDT, David Håsäther 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
David Håsäther
Comment 1 2013-03-22 06:13:17 PDT
Created attachment 194528 [details] Demo of the bug
Brent Fulgham
Comment 2 2022-07-13 14:25:40 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.
Note You need to log in before you can comment on or make changes to this bug.