Absolutely positioned table height wrong if inside auto-height containing block
Reported by
nien...@yopmail.com,
Nov 8
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36 Example URL: Steps to reproduce the problem: 1. Render this page: <!DOCTYPE html> <html> <body> <div style="position:relative"> <img src="https://vocaledgemusic.files.wordpress.com/2013/05/black-square.jpg"> <table style="position:absolute;height:100%;top:0"> <tr> <td style="vertical-align:middle;color:white">EXAMPLE</td> </tr> </table> </div> </body> </html> What is the expected behavior? Text is rendered at the middle of image (vertically) What went wrong? Text is renderend at the top, while it should render like Firefox and Internet Explorer Does it occur on multiple sites: Yes Is it a problem with a plugin? No Did this work before? N/A Does this work in other browsers? Yes Chrome version: 70.0.3538.77 Channel: stable OS Version: 10.0 Flash Version: Table height is not calculated correctly when parent DIV is calculated from a contained image
,
Nov 8
,
Nov 9
Able to reproduce the issue on reported chrome version 70.0.3538.77 also on latest chrome 72.0.3605.0 using Mac 10.14.0, Ubuntu 14.04 and Windows 10. Same behavior is seen on M60(60.0.3112.113) hence considering it as non-regression and marking it as Untriaged. Thanks!
,
Nov 12
If a table is absolutely positioned and has percentage height, it's resolved incorrectly if the height of the containing block is auto. Works correctly in LayoutNG, though.
,
Nov 12
|
|||||
►
Sign in to add a comment |
|||||
Comment 1 by vamshi.kommuri@chromium.org
, Nov 8