Bug 140371 - elements with display:table and width:100% show 1px flickering if parent width uses non static unit
Summary: elements with display:table and width:100% show 1px flickering if parent widt...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P4 Minor
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2015-01-12 13:23 PST by Simone Rescio
Modified: 2016-11-15 07:54 PST (History)
2 users (show)

See Also:


Attachments
CSS table 1px width flickering (1.19 MB, image/gif)
2015-01-12 13:23 PST, Simone Rescio
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Simone Rescio 2015-01-12 13:23:19 PST
Created attachment 244461 [details]
CSS table 1px width flickering

An element that uses a display value belonging to the "table" family, when seting width to 100% it won't honor randomly for 1px to fill the width of its parent, if the parent itself has a variable unit type as width,
this is noticeable especially in case of animations,

probably it's a subpixel rounding issue that happens only with table algorithm but not with any other display type,
same behavior happens on Blink as well

screencast of demo attached
code demo : http://codepen.io/srescio/pen/gbgXod