1572483 - wrong td width, box-sizing: border-box bug

Status: NEW

(Core :: Layout: Tables, defect, P3)

Description

[Long]

Attachment: td.html

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.143 YaBrowser/19.7.2.455 Yowser/2.5 Safari/537.36

Steps to reproduce:

try make width in th and td tags equals.
new width = where width more(td\th).

Actual results:

• get width th
  document.querySelector('th').offsetWidth

62

• get width td
  document.querySelector('td').offsetWidth

36

• set td width to 62px
  document.querySelector('td').style.width = "62px"
• get width td
  document.querySelector('td').offsetWidth

74

Expected results:

• get width th
  document.querySelector('th').offsetWidth

62

• get width td
  document.querySelector('td').offsetWidth

36

• set td width to 62px
  document.querySelector('td').style.width = "62px"
• get width td
  document.querySelector('td').offsetWidth

62

Comment 1

[Long]

this bug Firefox or Chrome?
Firefox

Chrome

Comment 2

[Long]

Attachment: 2019-08-08_184628.png

Firefox console

Comment 3

[Long]

Attachment: 2019-08-08_185316.png

Chrome console

Comment 4

[Long]

similar bug https://bugzilla.mozilla.org/show_bug.cgi?id=653686

Comment 5

[Long]

found true bug)
in Chrome disable style
*{
box-sizing:border-box;
}
got console log like in Firefox

Comment 6

[Long]

Attachment: 2019-08-08_190707.png

Chrome console without box-sizing:border-box;

Comment 7

[Emilio Cobos Álvarez [:emilio]]

Yeah, it seems <td> is not accounting for box-sizing properly.

Comment 8

[BugBot [:suhaib / :marco/ :calixte]]

The priority flag is not set for this bug.
:mats, could you have a look please?

For more information, please visit auto_nag documentation.