12934 2007-03-01 03:04:06 -0800 Table cells need to act like box-sizing border-box in the vertical direction 2022-07-06 16:10:17 -0700 1 1 1 Unclassified WebKit Tables 523.x (Safari 3) Mac (Intel) OS X 10.4 RESOLVED CONFIGURATION CHANGED http://www.kimutzon.dk/padding.html HasReduction P2 Normal --- 1 jeppe webkit-unassigned bfulgham contact sam oldest_to_newest 20777 0 jeppe 2007-03-01 03:04:06 -0800 I discovered a CSS (?) bug in Safari that concerns padding and table cell size. If I have a fixed size table cell (width and height specified) then when I add CSS padding to this cell it will grow beyond the size specified even though the content would have fit easily inside the original sized cell. It's hard to explain in text, but look at the example code I put online and it will all make sense. :) Tested this in both the current latest consumer realease of Safari and in the nightly build. The cells behave correctly (are the same size) in Firefox Cheers, Jeppe Utzon 20778 1 13435 jeppe 2007-03-01 03:05:33 -0800 Created attachment 13435 Test case of the padding bug 20780 2 hyatt 2007-03-01 05:49:06 -0800 Need to support the box-sizing quirk of border-box in the vertical direction for heights. 20804 3 sam 2007-03-01 10:22:21 -0800 Are we certain this is a bug. In quirks mode, the webkit rendering matches firefox. 475355 4 109145 grelimail 2011-09-29 03:48:37 -0700 Created attachment 109145 Testcase for table cells height calculation. Yep, certain bug. Box-sizing:border-box should affect table cell height. I've made a test case for that; for Webkit the second row does matter. BTW, Firefox have own bug: https://bugzilla.mozilla.org/show_bug.cgi?id=295315 915062 5 contact 2013-08-07 02:04:22 -0700 This issue is still present in current Safari release (OS X 6.0.5 (8536.30.1)) and the WebKit nightly (r153759). Here is a reduction test case. You can toggle the box-sizing rule in the CSS box and see the difference. Compare on Safari and Chrome/Firefox to see what should happen. http://codepen.io/benfrain/pen/zqCKs 1881179 6 bfulgham 2022-07-06 16:10:17 -0700 Safari, Chrome, and Firefox produce the same rendering for both test cases. I believe any compatibility issue has been resolved since 2013. 13435 2007-03-01 03:05:33 -0800 2007-03-01 03:05:33 -0800 Test case of the padding bug padding.html text/html 1344 jeppe PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBYSFRNTCAxLjAgVHJhbnNpdGlvbmFs Ly9FTiIKICAgICAgICAiaHR0cDovL3d3dy53My5vcmcvVFIveGh0bWwxL0RURC94aHRtbDEtdHJh bnNpdGlvbmFsLmR0ZCI+Cgo8aHRtbD4KPGhlYWQ+Cgk8bWV0YSBodHRwLWVxdWl2PSJDb250ZW50 LVR5cGUiIGNvbnRlbnQ9InRleHQvaHRtbDsgY2hhcnNldD1pc28tODg1OS0xIiAvPgoJPHRpdGxl PlBhZGRpbmcgQnVnPC90aXRsZT4KCTxtZXRhIG5hbWU9ImF1dGhvciIgY29udGVudD0iSmVwcGUg VXR6b24sIGh0dHA6Ly93d3cudXR6b24uY29tLyIgLz4KCTxtZXRhIG5hbWU9ImdlbmVyYXRvciIg Y29udGVudD0iVGV4dE1hdGUgMS41LjQiIC8+Cgk8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJPCEt LQoKYm9keSB7Cglmb250LWZhbWlseTogdmVyZGFuYSxzYW5zLXNlcmlmOwoJZm9udC1zaXplOiAx MHB4Owp9Cgp0ZCB7CgliYWNrZ3JvdW5kLWNvbG9yOiByZWQ7Cn0KCi5wYWQgewoJcGFkZGluZzog MTZweDsKfQoKCS0tPgoJPC9zdHlsZT4KPC9oZWFkPgoKPGJvZHk+Cgk8YnIgLz4KCVRoaXMgaXMg YSBkZW1vbnN0cmF0aW9uIG9mIGhvdyBDU1MgcGFkZGluZyBhZmZlY3RzIGEgZml4ZWQgc2l6ZSB0 YWJsZSBjZWxsLiBJZiBJIGFkZCBwYWRkaW5nLCB0aGUgY2VsbCBncm93cyB2ZXJ0aWNhbGx5IGJl eW9uZCBpdHMgc3BlY2lmaWVkIGRpbWVuc2lvbnMgaW4gU2FmYXJpIChhbHNvIHRlc3RlZCBpbiB0 aGUgbW9zdCByZWNlbnQgbmlnaHRseSBmcm9tIDIwMDctMDItMjgpLiBUaGlzIGlzIGFwcGFyZW50 IGJlbG93IHdoZXJlIHRoZSB0d28gcmVkIGNlbGxzIHNob3VsZCBib3RoIGJlIHRoZSBzYW1lIHNp emUuIFRoZXkgYXJlIGluIEZpcmVmb3ggYnV0IGFyZSBub3QgaW4gU2FmYXJpLiBHb29kIGx1Y2su Cgk8YnIgLz4KCTxiciAvPgoJQ2hlZXJzLCBKZXBwZSBVdHpvbgoJPGJyIC8+Cgk8YnIgLz4KCTxi ciAvPgoJPHRhYmxlIHdpZHRoPSIyODgiIGFsaWduPSJjZW50ZXIiIGJvcmRlcj0iMCIgY2VsbHBh ZGRpbmc9IjAiIGNlbGxzcGFjaW5nPSIwIj4KCQk8dHI+CgkJCTx0ZCB3aWR0aD0iMjg4IiBoZWln aHQ9IjcyIj4yODggeCA3MiBVbnBhZGRlZDwvdGQ+CgkJPC90cj4KCTwvdGFibGU+Cgk8YnIgLz4K CTxiciAvPgoJPGJyIC8+Cgk8dGFibGUgd2lkdGg9IjI4OCIgYWxpZ249ImNlbnRlciIgYm9yZGVy PSIwIiBjZWxscGFkZGluZz0iMCIgY2VsbHNwYWNpbmc9IjAiPgoJCTx0cj4KCQkJPHRkIHdpZHRo PSIyODgiIGhlaWdodD0iNzIiIGNsYXNzPSJwYWQiPjI4OCB4IDcyIFBhZGRlZCAxNnB4PC90ZD4K CQk8L3RyPgoJPC90YWJsZT4KPC9ib2R5Pgo8L2h0bWw+ 109145 2011-09-29 03:48:37 -0700 2011-09-29 03:48:37 -0700 Testcase for table cells height calculation. cell height processing.html text/html 859 grelimail PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KCTxtZXRhIGNoYXJzZXQ9IlVURi04Ij4KCTx0 aXRsZT5UYWJsZSBjZWxsIGhlaWdodCBwcm9jZXNzaW5nPC90aXRsZT4KICAgIDxzdHlsZT4KCQl0 YWJsZSB7CgkJCW1hcmdpbjo1cHggMDsKCQkJZmxvYXQ6bGVmdDsKCQkJYm9yZGVyLXNwYWNpbmc6 MDsKCQl9CgkJdGQucmVmIHsKCQkJcGFkZGluZzowOwoJCQl3aWR0aDo1MHB4OwoJCQloZWlnaHQ6 MTAwcHg7CgkJCWJhY2tncm91bmQ6I0YzMzsKCQl9CgkJdGQudGVzdCB7CgkJCWJvcmRlcjpzb2xp ZCAjMEYwOwoJCQlib3JkZXItd2lkdGg6MTBweCAwOwoJCQlwYWRkaW5nOjE1cHggMDsKCQkJd2lk dGg6NTBweDsKCQkJaGVpZ2h0OjUwcHg7CgkJCWJhY2tncm91bmQ6IzAwRjsKCQl9CgkJdGQudGVz dC5jb2xsYXBzZSB7CgkJCWJveC1zaXppbmc6Ym9yZGVyLWJveDsKCQkJaGVpZ2h0OjEwMHB4OwoJ CX0KCQkubmwgeyBjbGVhcjpsZWZ0OyB9CiAgICA8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgoJPHA+ VGhlIHJlZCBjb2x1bW4gaGVpZ2h0IG11c3QgYmUgZXF1YWwgdG8gYmx1ZSBpbmNsdWRpbmcgZ3Jl ZW4gYm9yZGVyczo8L3A+Cgk8dGFibGU+CgkJPHRyPgoJCQk8dGQgY2xhc3M9InJlZiI+PC90ZD4K CQk8L3RyPgoJPC90YWJsZT4KCTx0YWJsZT4KCQk8dHI+CgkJCTx0ZCBjbGFzcz0idGVzdCI+PC90 ZD4KCQk8L3RyPgoJPC90YWJsZT4KCTx0YWJsZSBjbGFzcz0ibmwiPgoJCTx0cj4KCQkJPHRkIGNs YXNzPSJyZWYiPjwvdGQ+CgkJPC90cj4KCTwvdGFibGU+Cgk8dGFibGU+CgkJPHRyPgoJCQk8dGQg Y2xhc3M9InRlc3QgY29sbGFwc2UiPjwvdGQ+CgkJPC90cj4KCTwvdGFibGU+CjwvYm9keT4KPC9o dG1sPg==