Bottom border of `td` in 1 pixel below than others with paddings in `em`
Reported by
alex.way...@gmail.com,
Jul 9
|
|||
Issue descriptionUserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Safari/537.36 Steps to reproduce the problem: 1. Add `<table>` to the HTML 2. Add `border-collapse: collapse` in the CSS for this table 3. Add `border` for `td`s in this table 4. Add `span` (or something else) in some `td` 5. Add `padding` in `em` for `td`s and `span` What is the expected behavior? Table renders correct, all borders are even. What went wrong? Bottom border of `td` with `span` inside and paddings in `em` renders in 1 pixel below than others. Did this work before? No Does this work in other browsers? Yes Chrome version: 67.0.3396.87 Channel: stable OS Version: 4.17.4-1-ARCH Flash Version: Bug appearing depends on monitor PPI, page zoom and padding values. Reproducible in any OS. Can be related to https://bugs.chromium.org/p/chromium/issues/detail?id=167404
,
Jul 9
,
Jul 9
Confirmed on linux at 67% browser zoom. It's because tables don't use subpixel layout. Blocking this bug on that one so we can ensure this case is fixed when subpixels are implemented. OP, this is unfortunately unlikely to be fixed anytime soon, so if this case is important for your site you'll need to find a workaround :(
,
Jul 9
> Confirmed on linux at 67% browser zoom. The same for me. But it can be at 100% zoom on macOS (Retina display), and depends on `padding` values. > It's because tables don't use subpixel layout. Blocking this bug on that one so we can ensure this case is fixed when subpixels are implemented. Thank you. > OP, this is unfortunately unlikely to be fixed anytime soon, so if this case is important for your site you'll need to find a workaround :( Known work-around for me is paddings in pixels, or replacing tables with something else. |
|||
►
Sign in to add a comment |
|||
Comment 1 by susan.boorgula@chromium.org
, Jul 9