164816 2016-11-16 00:32:45 -0800 border-bottom style affects table cells to the right when colspan is present. 2022-07-14 16:56:09 -0700 1 1 1 Unclassified WebKit CSS Safari Technology Preview Unspecified Unspecified ASSIGNED InRadar P2 Normal --- 1 jon.kleiser zalan bfulgham hyatt simon.fraser webkit-bug-importer zalan oldest_to_newest 1251820 0 294926 jon.kleiser 2016-11-16 00:32:45 -0800 Created attachment 294926 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. 1254506 1 295651 zalan 2016-11-29 15:13:26 -0800 Created attachment 295651 Test reduction 1255051 2 zalan 2016-11-30 16:32:26 -0800 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) 1487181 3 jon.kleiser 2018-12-12 06:15:44 -0800 If my original demo page should be unavailable, a slightly updated page may be found here: https://quickhacks.telegr.am/css-bug.html 1883917 4 bfulgham 2022-07-14 16:55:58 -0700 Safari continues to have this bug in 15.5+ 1883918 5 webkit-bug-importer 2022-07-14 16:56:09 -0700 <rdar://problem/97043314> 294926 2016-11-16 00:32:45 -0800 2016-11-16 00:32:45 -0800 HTML file that illustrates the problem css-bug.html text/html 2452 jon.kleiser PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KCTxtZXRhIGNoYXJzZXQ9InV0Zi04IiAvPgoJ PHRpdGxlPkNTUyBCdWc8L3RpdGxlPgoJPG1ldGEgbmFtZT0iZ2VuZXJhdG9yIiBjb250ZW50PSJC QkVkaXQgMTEuNiIgLz4KCTxzdHlsZT4KYm9keSB7CgltYXJnaW46IGF1dG87CgltYXgtd2lkdGg6 IDQwZW07CglwYWRkaW5nOiAxLjJlbSA0JSAxLjVlbSA0JTsKCWZvbnQtc2l6ZTogMjBweDsKfQpo MSB7Cglmb250LXNpemU6IDI4cHg7Cn0KaDIgewoJZm9udC1zaXplOiAyMnB4Owp9CnAgewoJbWFy Z2luOiAwLjRlbSAwOwp9CnVsIHsKCW1hcmdpbjogMCAwIDEuNWVtIDA7Cn0KdGFibGUgewoJYm9y ZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTsKCWZvbnQtc2l6ZTogMThweDsKCW1hcmdpbjogMS41ZW0g MCAyZW0gMWVtOwp9CnRoLCB0ZCB7Cglib3JkZXI6IDFweCBzb2xpZCAjYmJiOwoJcGFkZGluZzog MC4yZW0gMC42ZW07Cgl0ZXh0LWFsaWduOiBjZW50ZXI7Cn0KdGggewoJdGV4dC1hbGlnbjogbGVm dDsKCWZvbnQtd2VpZ2h0OiBub3JtYWw7CgliYWNrZ3JvdW5kLWNvbG9yOiAjZWVlOwp9CnRkLmJv bGQgewoJZm9udC13ZWlnaHQ6IGJvbGQ7Cn0KdGQudG9wIHsKCWJvcmRlci10b3A6IDNweCBzb2xp ZCAjOGM4Owp9CnRkLmJvdCB7Cglib3JkZXItYm90dG9tOiAzcHggc29saWQgI2Y4ODsKfQp0ci5i IHRkIHsKCWJvcmRlcjogbm9uZTsKfQp0ci5iIHRkLmJvbGQgewoJYm9yZGVyOiAxcHggc29saWQg I2JiYjsKfQpwLmRhdGUgewoJZm9udC1zaXplOiAxM3B4Owp9Cgk8L3N0eWxlPgo8L2hlYWQ+Cjxi b2R5Pgo8aDE+Q1NTIEJ1ZyBpbiBDaHJvbWUsIFNhZmFyaSwgVml2YWxkaTwvaDE+CjxwPlRoZSBi dWcgaGFzIGJlZW4gZm91bmQgaW4gdGhlc2UgYnJvd3NlcnM6PC9wPgo8dWw+Cgk8bGk+Q2hyb21l LCB2LiA1NC4wLjI4NDAuOTgsIG1hY09TPC9saT4KCTxsaT5DaHJvbWUsIHYuIDU0LjAuMjg0MC45 OSwgV2luZG93czwvbGk+Cgk8bGk+U2FmYXJpLCB2LiAxMC4wLjEsIG1hY09TPC9saT4KCTxsaT5T YWZhcmkgVGVjaG5vbG9neSBQcmV2aWV3LCByZWwuIDE3LCAxMC4xLCBtYWNPUzwvbGk+Cgk8bGk+ Vml2YWxkaSwgdi4gMS40LjU4OS4zOCwgbWFjT1M8L2xpPgo8L3VsPgo8cD5UaGUgYnVnIGRvZXMg bm90IGFwcGVhciBpbiB0aGVzZSBicm93c2Vyczo8L3A+Cjx1bD4KCTxsaT5GaXJlZm94LCB2LiA0 OS4wLjIsIG1hY09TPC9saT4KCTxsaT5JbnRlcm5ldCBFeHBsb3Jlciwgdi4gMTEuMC45NjAwLjE4 NTI0LCBXaW5kb3dzPC9saT4KPC91bD4KPGgyPkRlc2NyaXB0aW9uIG9mIHRoZSBidWc6PC9oMj4K PHA+VGhlIHRhYmxlIGNlbGxzIGNvbnRhaW5pbmcgNCBhbmQgNSBnZXQgcmVuZGVyZWQgd2l0aCBh IGhlYXZ5ICgzcHggcmVkKSBib3JkZXItYm90dG9tLCBidXQgdGhlIENTUwpzcGVjaWZpZXMganVz dCBwbGFpbiAiMXB4IHNvbGlkICNiYmIiLjwvcD4KPHA+SWYgdGhlICJib3QiIGNsYXNzIGlzIHJl bW92ZWQgZnJvbSB0aGUgY2VsbCBjb250YWluaW5nIDMsIHRoZW4gdGhlIHByb2JsZW0gZ29lcyBh d2F5LjwvcD4KPHA+VGhlIGJvcmRlci10b3Agb2YgdGhlIGNlbGxzIGNvbnRhaW5pbmcgNCBhbmQg NSBzZWVtcyBub3QgdG8gYmUgYWZmZWN0ZWQgYnkgdGhlIGJ1Zy48L3A+Cjx0YWJsZT4KCTx0cj4K CQk8dGg+QTwvdGg+CgkJPHRkPjE8L3RkPjx0ZCBjbGFzcz0idG9wIGJvdCI+MjwvdGQ+PHRkIGlk PSJhMyIgY2xhc3M9ImJvbGQgdG9wIGJvdCI+MzwvdGQ+PHRkPjQ/PC90ZD48dGQ+NT88L3RkPgoJ CTx0ZCBjbGFzcz0idG9wIGJvdCI+NjwvdGQ+PHRkPjc8L3RkPjx0ZCBjbGFzcz0iYm9sZCB0b3Ag Ym90Ij44PC90ZD48dGQgY2xhc3M9InRvcCBib3QiPjk8L3RkPjx0ZD4xMDwvdGQ+Cgk8L3RyPgoJ PHRyIGNsYXNzPSJiIj4KCQk8dGg+QjwvdGg+CgkJPHRkPjwvdGQ+PHRkIGNsYXNzPSJib2xkIj4y PC90ZD48dGQgY29sc3Bhbj0iMyI+PC90ZD48dGQgY2xhc3M9ImJvbGQiPjY8L3RkPgoJCTx0ZD48 L3RkPjx0ZD48L3RkPjx0ZCBjbGFzcz0iYm9sZCI+OTwvdGQ+PHRkPjwvdGQ+Cgk8L3RyPgo8L3Rh YmxlPgo8aHIgLz4KPHA+CjxhIGhyZWY9Imh0dHA6Ly9qaWdzYXcudzMub3JnL2Nzcy12YWxpZGF0 b3IvY2hlY2svcmVmZXJlciI+CiAgICA8aW1nIHN0eWxlPSJib3JkZXI6MDt3aWR0aDo4OHB4O2hl aWdodDozMXB4IgogICAgICAgIHNyYz0iaHR0cDovL2ppZ3Nhdy53My5vcmcvY3NzLXZhbGlkYXRv ci9pbWFnZXMvdmNzcy1ibHVlIgogICAgICAgIGFsdD0iVmFsaWQgQ1NTISIgLz4KPC9hPgo8L3A+ CjxwIGNsYXNzPSJkYXRlIj4xNS1Ob3YtMjAxNjwvcD4KPHNjcmlwdD4KZnVuY3Rpb24gc2V0Q2xh c3Nlc0ZvckEzKGNsYXNzZXMpIHsKCXZhciBhMyA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJh MyIpOwoJYTMuY2xhc3NOYW1lID0gY2xhc3NlczsKfQo8L3NjcmlwdD4KPC9ib2R5Pgo8L2h0bWw+ Cg== 295651 2016-11-29 15:13:26 -0800 2016-11-29 15:13:26 -0800 Test reduction bug164816.html text/html 324 zalan PHN0eWxlPgp0YWJsZSB7CiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTsKfQoKdGQgewogIHdp ZHRoOiAzMHB4OwogIGhlaWdodDogMzBweDsKICBib3JkZXI6IDFweCBzb2xpZCBncmVlbjsKfQoK LmJvdCB7CiAgYm9yZGVyLWJvdHRvbTogM3B4IHNvbGlkIHJlZDsKfQoKPC9zdHlsZT4KCjx0YWJs ZT4KPHRyPjx0ZCBjbGFzcz0iYm90Ij48L3RkPjx0ZD48L3RkPjwvdHI+Cjx0cj48dGQgY29sc3Bh bj0iMiI+PC90ZD48L3RyPgo8L3RhYmxlPgpQYXNzIGlmIHRoZSBzZWNvbmQgY2VsbCBpbiB0aGUg Zmlyc3Qgcm93IGhhcyAxcHggZ3JlZW4gYm90dG9tIGJvcmRlci4K