intermediate abspos block causes inner table column's percent width to affect outer table's width |
||||
Issue descriptionhttps://jsfiddle.net/dgrogan/801ghg6s/ <!DOCTYPE html> <p>FF 49.0a1 and Edge 25.10586.0.0 show a 150x150 square below. Blink @ 394715 still shows a 300x150 rectangle. <div style="display:table;"> <div id="stf" style="position:absolute; background:green;"> <table cellspacing="0" cellpadding="0"> <td style="width:50%;"> <div style="width:150px; height:150px;"></div> </td> </table> </div> </div> But at least until this behavior is specified in css-tables-3 we shouldn't alter the layout of the below because Blink agrees with Edge and outputs a 300x150 rectangle. <!DOCTYPE html> <p>Edge/FF disagree</p> <div id="stf" style="position:absolute; background:blue;"> <table cellspacing="0" cellpadding="0"> <td style="width:50%;"> <div style="width:150px; height:150px;"></div> </td> </table> </div>
,
May 22 2017
,
May 23 2018
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue. Sorry for the inconvenience if the bug really should have been left as Available. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
May 23 2018
,
Nov 21
The following revision refers to this bug: https://chromium.googlesource.com/chromium/src.git/+/efd02536e9592342d22da3708fabc213ca44c4b2 commit efd02536e9592342d22da3708fabc213ca44c4b2 Author: David Grogan <dgrogan@chromium.org> Date: Wed Nov 21 02:06:42 2018 [css-tables] Some interop tests The spec doesn't address some behavior that has interop. It also doesn't address some related behavior that doesn't have interop. These tests demonstrate both. Hopeful to spur some discussion on https://github.com/w3c/csswg-drafts/issues/3336 Normally a cell with % width is resized based on an initial measure of the table's intrinsic widths. But this is not done when the table is itself inside of a table cell. Engines agree on this but it's not in the specification. Engines don't agree on ignoring this step when the table is inside a shrink-to-fit block. Edge and Chrome perform the step, FF doesn't. Bug: 613705 Change-Id: I4733b693bed754c3924fe357cdc6d5198d7613df Reviewed-on: https://chromium-review.googlesource.com/c/1343530 Reviewed-by: Morten Stenshorne <mstensho@chromium.org> Commit-Queue: David Grogan <dgrogan@chromium.org> Cr-Commit-Position: refs/heads/master@{#609897} [rename] https://crrev.com/efd02536e9592342d22da3708fabc213ca44c4b2/third_party/WebKit/LayoutTests/external/wpt/css/css-tables/percent-width-ignored-001.tentative.html [add] https://crrev.com/efd02536e9592342d22da3708fabc213ca44c4b2/third_party/WebKit/LayoutTests/external/wpt/css/css-tables/percent-width-ignored-002.tentative.html [add] https://crrev.com/efd02536e9592342d22da3708fabc213ca44c4b2/third_party/WebKit/LayoutTests/external/wpt/css/css-tables/percent-width-ignored-003.tentative.html [delete] https://crrev.com/7b918d9c5583be4196e7dda890589a8bf4b4b14c/third_party/WebKit/LayoutTests/fast/table/inner-percent-width-affects-outer-floated-div-expected.txt [delete] https://crrev.com/7b918d9c5583be4196e7dda890589a8bf4b4b14c/third_party/WebKit/LayoutTests/fast/table/inner-percent-width-affects-outer-floated-div.html [delete] https://crrev.com/7b918d9c5583be4196e7dda890589a8bf4b4b14c/third_party/WebKit/LayoutTests/fast/table/inner-percent-width-doesnt-affect-ancestor-columns-expected.txt [delete] https://crrev.com/7b918d9c5583be4196e7dda890589a8bf4b4b14c/third_party/WebKit/LayoutTests/fast/table/inner-percent-width-doesnt-affect-ancestor-columns.html [delete] https://crrev.com/7b918d9c5583be4196e7dda890589a8bf4b4b14c/third_party/WebKit/LayoutTests/fast/table/inner-percent-width-doesnt-affect-outer-columns-expected.txt |
||||
►
Sign in to add a comment |
||||
Comment 1 by sheriffbot@chromium.org
, May 22 2017Status: Untriaged (was: Available)