Bug 164816 - border-bottom style affects table cells to the right when colspan is present.
Summary: border-bottom style affects table cells to the right when colspan is present.
Status: ASSIGNED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: zalan
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2016-11-16 00:32 PST by Jon Kleiser
Modified: 2018-12-12 06:15 PST (History)
3 users (show)

See Also:


Attachments
HTML file that illustrates the problem (2.39 KB, text/html)
2016-11-16 00:32 PST, Jon Kleiser
no flags Details
Test reduction (324 bytes, text/html)
2016-11-29 15:13 PST, zalan
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Jon Kleiser 2016-11-16 00:32:45 PST
Created attachment 294926 [details]
HTML file that illustrates the problem

When one or more cells in a table are given a class that implies a certain border-bottom style, e.g. "border-bottom: 3px solid #f88;", this style sometimes also affects cells to the right of the selected cell(s). This seems to happen only if the affected row is not the final row in the table.
This is demonstrated in the attached HTML file, which may also be seen here: http://folk.uio.no/jkleiser/test/css-bug.html
This file also lists the browsers/OSes where the bug has been seen. I have not tested this on mobile/small devices.
Comment 1 zalan 2016-11-29 15:13:26 PST
Created attachment 295651 [details]
Test reduction
Comment 2 zalan 2016-11-30 16:32:26 PST
This happens because during the collapsed border computation, we ignore the colspan value and pick the before border style for the entire spanning (so the first style wins)
Comment 3 Jon Kleiser 2018-12-12 06:15:44 PST
If my original demo page should be unavailable, a slightly updated page may be found here: https://quickhacks.telegr.am/css-bug.html