New issue
Advanced search Search tips

Issue 754858 link

Starred by 2 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 3
Type: Bug



Sign in to add a comment

Weird spacing between borders of a table with border-collapse appears when toggling border-width with JS

Reported by b...@mail.ru, Aug 11 2017

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.90 Safari/537.36

Example URL:
https://jsfiddle.net/s4g1qgbx/4/

Steps to reproduce the problem:
1. Go to https://jsfiddle.net/s4g1qgbx/4/
2. Click 'Do Nothing' button — as the name says, it is not supposed to do anything, because it adds a class to an element and immediately removes it.

What is the expected behavior?
Nothing happens.

What went wrong?
A spacing appears between borders, causing the top cell to shrink.

Does it occur on multiple sites: No

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 60.0.3112.90  Channel: stable
OS Version: 10.0
Flash Version: 

Tested in:
* Chrome for Windows and Android, latest stable — bug reproduces, same behavior
* Microsoft Edge 15.15063 — bug does not reproduce
* Internet Explorer 11 — bug does not reproduce
* Firefox 54 — bug reproduces, but differently: instead of spacing invisible 7px borders appear in both cells, stretching their height to 60px
 
4a98ad848f[1].png
48.1 KB View Download
Labels: Needs-Triage-M60
According to my experience it has to do with the "border-collapse" property, because if you remove it from the table element it works as expected.


Does this work in other browsers?
-Firefox introduces a padding, which is not supposed to exist. (54.0.1)
-Edge works fine. (40.15063.0.0)


Workaround:
remove "border-collapse" and add it again - this fixes the mistake.


++++++++++

With "border-collapse" removed from parent table:

++++++++++

What is the expected behavior?
Nothing happens.

What went wrong?
Nothing.
Labels: -Type-Compat M-62 OS-Linux OS-Mac Type-Bug
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on Windows 7,Mac 10.12.6 & Ubuntu 14.04 using chrome reported version#60.0.3112.90, stable#60.0.3112.101 & Canary#62.0.3188.0 as per fiddle in comment#0 .

Observed that spacing appears between borders.Same issue persists from M45 builds to latest chrome versions.As it is a non regression issue, marking it as 'Untraiged' to get more inputs from dev.

Please find the attached screenshots for reference.

Thanks..!!
754858.mp4
521 KB View Download
Components: Blink>Layout>Table
Cc: dgro...@chromium.org wangxianzhu@chromium.org
Status: Available (was: Untriaged)
Project Member

Comment 6 by sheriffbot@chromium.org, Sep 10

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
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
Labels: -Pri-2 Pri-3
Status: Available (was: Untriaged)
Reconfirmed on chrome 69

Sign in to add a comment