1534944 - border appears between two table cells on changing visibility of a row

Status: NEW

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

Description

[tom]

Attachment: firefox.html

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

Steps to reproduce:

See the attached html file. The arrows on the left cell of row 1 and 3 collapse (hide) or expand (show) the row below. The attached example is a highly stripped version of an internal website I'm building. It uses bootstrap and jquery. When i leave out the bootstrap css, it seems to work fine. It also works fine (with the bootstrap css) in Chrome and Edge.

Actual results:

When the second row is collapsed, a vertical border appears between the two TD elements.

Expected results:

That vertical border shouldn't be there.

Comment 1

[Rares Doghi, Desktop QA]

Hi Tom, I tried to get to the bottom of this issue but I can't reproduce it in any way, it has the exact same behavior like Chrome or edge, I tried collapsing both rows, tried different options but I can't see the Vertical Border you mentioned.
I tested this issue on Firefox Release 65.0.2 , Nightly 67.0a1 (2019-03-17) but without any success.

Can you please try our latest build from Firefox Nightly, you can find it here : https://nightly.mozilla.org/ and see if the issue still occurs there as well and maybe attach a screenshot of the problem.

Comment 2

[tom]

Attachment: version with bootstrap

Comment 3

[tom]

Attachment: firefox_screenshot.PNG

Comment 4

[tom]

Wow, somehow it seems like the link to the bootstrap css was nog in the attached html file. I've attached a second file, which includes the bootstrap line. To be sure, I tried it with 65.0.2 and 67.0a1 (2019-03-17) and in both versions the problem occurs. It could be a problem within the bootstrap-code of course, but it only seems to occur in Firefox.

I attached a screenshot as well, with a red circle around the problem.

Comment 5

[Rares Doghi, Desktop QA]

Thanks for the new Attachment, I was able to reproduce this issue In Nightly 67.0a1 (2019-03-18) as well as Release 65.0.2 and Beta 66.0b14.

I'm not sure if Layout : Tables is the correct component for this issue or maybe Css Parsing and Computations but please change it if there is a more suitable component for it. Thank you

Comment 6

[Daniel Holbert [:dholbert]]

Thanks for the report.

This might be the same issue as bug 1533044 and bug 1527538.

Comment 7

[tom]

For what it's worth: the problem still exists in 69.0.2 ...