17505 2012-06-16 09:39:43 +0000 Wider set of properties should apply to table wrapper box instead of table box 2012-12-04 00:50:52 +0000 1 1 1 Unclassified CSS CSS Level 2 unspecified All Windows 3.1 NEW P2 normal --- 1 antonsforums bert public-css-bugzilla oldest_to_newest 69121 0 antonsforums 2012-06-16 09:39:43 +0000 17.4 (Tables in the visual formatting model) says: # The computed values of properties 'position', 'float', 'margin-*', # 'top', 'right', 'bottom', and 'left' on the table element are used # on the table wrapper box and not the table box; all other values of # non-inheritable properties are used on the table box and not the # table wrapper box. (Where the table element's values are not used # on the table and table wrapper boxes, the initial values are used # instead.) It seems that a wider set of properties should apply to table wrapper box instead of table box, as described in the comments below. 69122 1 antonsforums 2012-06-16 09:54:26 +0000 Reported by Simon Sapin Will a table box ever establish a new stacking context, or will that always be done by the table wrapper? Given currently that we have to choose whether a property affects the table box or the table wrapper box (and can't have both), it seems sensible to have all properties which induce stacking contexts apply to the table wrapper box. In particular, 'z-index' should act on the table wrapper box, and added weight is given by the fact that 'position' acts on the table wrapper box. [In general, 'opacity', 'transform', and other properties that can trigger a stacking context should specify that they act on the table wrapper box, in their respective specifications, until such time as the css3-table spec is created.] Conversation begins: Bug description: http://lists.w3.org/Archives/Public/www-style/2012May/0441.html 69123 2 antonsforums 2012-06-16 10:10:40 +0000 Reported by Simon Sapin The 'clear' property should also act on the table wrapper box since otherwise it's not possible to make table wrapper boxes clear floats in the same BFC. UAs seem to support this proposal. Bug report on a related test case, reported by Gérard Talbot: http://lists.w3.org/Archives/Public/www-style/2012Jun/0072.html . The test needs to include a floated caption box with zero margin area width in order to be relevant to the issue. Conversation begins: Bug description: http://lists.w3.org/Archives/Public/www-style/2012Jun/0065.html 69124 3 antonsforums 2012-06-16 10:18:12 +0000 UA behaviour report from David Baron: http://lists.w3.org/Archives/Public/www-style/2012Jun/0066.html In addition to 'clear' and 'z-index', Gecko propagates the following to the table wrapper box: 'vertical-align' (for inline-table) 'line-height' (for vertical-align on inline-table) [Also, the following CSS3 properties: 'page-break-before' 'page-break-after' (probably 'page-break-inside' too when it gets implemented) 'transform' 'transform-origin' (for https://bugzilla.mozilla.org/show_bug.cgi?id=722777) 'backface-visibility' (for https://bugzilla.mozilla.org/show_bug.cgi?id=724750) ] 69140 4 antonsforums 2012-06-16 12:08:58 +0000 Correction to faulty transcription of David's comment in Comment 3: The following properties are defined in CSS21, not CSS3: 'page-break-before' 'page-break-after' 'page-break-inside' 69362 5 antonsforums 2012-06-24 14:25:49 +0000 In response to Comment 3, Simon Sapin suggests the list of non-inheritable CSS21 properties to be used on the wrapper box should be: 'clear' 'z-index' 'vertical-align' 'page-break-before' 'page-break-after' 'page-break-inside' 'counter-reset' 'counter-increment' (He notes that 'line-height' is inherited.) [He also adds 'opacity' to the list of CSS3 properties.] http://lists.w3.org/Archives/Public/www-style/2012Jun/0396.html 70014 6 antonsforums 2012-07-15 11:36:32 +0000 Implementers raised a concern about whether 'overflow' should apply to the table wrapper box instead of to the table box.[1] The test http://test.csswg.org/shepherd/testcase/overflow-applies-to-013/ is theoretically relevant to this bug, since the table box has a positive width border and hence it is possible to detect whether 'overflow' is being applied to the table box (and thus clipping the overflowing content at the table box's padding area) or to the parent wrapper box. Gecko, Webkit, Presto and Trident all pass this test. However, it turns out that the test doesn't capture the vagiaries of Webkit and Presto's behaviour. The attached test case below (based on one provided by Øyvind Stenhaug) demonstrates that Gecko and Trident (IE9) apply 'overflow' to the table box, whereas Webkit and Presto (Op12) seem to apply it to the table wrapper box but define the clipping area in a curious manner: it has the size of the table box's padding area in the horizontal dimension, and then it has the size of the table wrapper box's padding area in the vertical dimension (in the case of Webkit) or the size of the table wrapper box's padding area minus the sum of the table box's vertical border widths in the vertical dimension (in the case of Presto). [1] http://lists.w3.org/Archives/Public/www-style/2012Jun/0656.html [2] http://lists.w3.org/Archives/Public/www-style/2011Jul/0462.html 70016 7 1158 antonsforums 2012-07-15 11:44:43 +0000 Created attachment 1158 Test to illustrate whether 'overflow' has its effect on the table box or the table wrapper box 71762 8 1166 antonsforums 2012-08-02 06:46:49 +0000 Created attachment 1166 Test to illustrate whether 'overflow' has its effect on the table box or the table wrapper box (Revised attachment which fixes an HTML validation error.) 71956 9 antonsforums 2012-08-09 05:37:38 +0000 Regarding Comments 6 and 8: The WG resolved[1] that 'overflow' has its effect on the table box of a table element, not the table wrapper box. [1] http://lists.w3.org/Archives/Public/www-style/2012Aug/0298.html 1158 2012-07-15 11:44:43 +0000 2012-08-02 06:46:49 +0000 Test to illustrate whether 'overflow' has its effect on the table box or the table wrapper box Overflow_on_table_with_caption.html text/html 1469 antonsforums PCFET0NUWVBFIEhUTUw+DQo8aGVhZD4NCgk8dGl0bGU+b3ZlcmZsb3cgb24gdGFibGUgd2l0aCBj YXB0aW9uPC90aXRsZT4NCgk8c3R5bGU+DQpkaXYuc3BhY2VyIHsNCgliYWNrZ3JvdW5kLWNvbG9y OmdyYXk7DQp9DQpkaXYudGFibGUgew0KCWRpc3BsYXk6IHRhYmxlOw0KfQ0KdGFibGUsDQpkaXYu dGFibGUgew0KCWJhY2tncm91bmQ6IGdyZWVuOw0KCWJvcmRlcjogNXB4IHNvbGlkIHllbGxvdzsN CgljYXB0aW9uLXNpZGU6IGJvdHRvbTsNCglvdmVyZmxvdzogaGlkZGVuOw0KCXRhYmxlLWxheW91 dDogZml4ZWQ7DQoJYm9yZGVyLXNwYWNpbmc6IDA7DQp9DQpkaXYuY2FwdGlvbiB7DQoJZGlzcGxh eTogdGFibGUtY2FwdGlvbjsNCn0NCmNhcHRpb24sDQpkaXYuY2FwdGlvbiB7DQoJYmFja2dyb3Vu ZDogYmxhY2s7DQoJd2lkdGg6IDEwMHB4Ow0KCWhlaWdodDogMjVweDsNCn0NCmRpdi50ciB7DQoJ ZGlzcGxheTogdGFibGUtcm93Ow0KfQ0KZGl2LnRkIHsNCglkaXNwbGF5OiB0YWJsZS1jZWxsOw0K fQ0KdGQgPiBkaXYsDQpkaXYudGQgPiBkaXYgew0KCWJhY2tncm91bmQ6IG9yYW5nZTsNCglwb3Np dGlvbjogcmVsYXRpdmU7DQoJd2lkdGg6IDUwcHg7DQoJaGVpZ2h0OiAyNXB4Ow0KfQ0KdGQgPiBk aXYgPiBkaXYsDQpkaXYudGQgPiBkaXYgPiBkaXYgew0KCXBvc2l0aW9uOiBhYnNvbHV0ZTsNCgli YWNrZ3JvdW5kOiBibHVlOw0KfQ0KZGl2LmFic3BvczEgew0KCXdpZHRoOiA4MHB4Ow0KCWhlaWdo dDogODBweDsNCgl0b3A6IC0xMHB4Ow0KfQ0KZGl2LmFic3BvczIgew0KCXdpZHRoOiAyMHB4Ow0K CWhlaWdodDogMzBweDsNCgl0b3A6IDEwcHg7DQoJbGVmdDogODBweDsNCn0NCgk8L3N0eWxlPg0K PC9oZWFkPg0KPGJvZHk+DQoNCjxkaXYgY2xhc3M9InNwYWNlciIgc3R5bGU9ImZsb2F0OmxlZnQ7 IHdpZHRoOjEwcHg7IGhlaWdodDoxNzBweCI+PC9kaXY+DQoNCjxkaXYgY2xhc3M9InNwYWNlciIg c3R5bGU9IndpZHRoOjExMHB4OyBoZWlnaHQ6MTBweDsiPjwvZGl2Pg0KDQo8dGFibGU+DQoJPGNh cHRpb24+PC9jYXB0aW9uPg0KCTx0cj4NCgkJPHRkPjxkaXY+PGRpdiBjbGFzcz0iYWJzcG9zMSI+ PC9kaXY+PGRpdiBjbGFzcz0iYWJzcG9zMiI+PC9kaXY+PC90ZD4NCgk8L3RyPg0KPC90YWJsZT4N Cg0KPGRpdiBjbGFzcz0ic3BhY2VyIiBzdHlsZT0id2lkdGg6MTEwcHg7IGhlaWdodDozMHB4OyI+ PC9kaXY+DQoNCjxkaXYgY2xhc3M9InRhYmxlIj4NCgk8ZGl2IGNsYXNzPSJjYXB0aW9uIj48L2Rp dj4NCgk8ZGl2IGNsYXNzPSJ0ciI+DQoJCTxkaXYgY2xhc3M9InRkIj48ZGl2PjxkaXYgY2xhc3M9 ImFic3BvczEiPjwvZGl2PjxkaXYgY2xhc3M9ImFic3BvczIiPjwvZGl2PjwvZGl2PjwvZGl2Pg0K CTwvZGl2Pg0KPC9kaXY+DQoNCg0KPGRpdiBjbGFzcz0ic3BhY2VyIiBzdHlsZT0id2lkdGg6MTEw cHg7IGhlaWdodDoxMHB4OyI+PC9kaXY+DQoNCjwvYm9keT4NCjwvaHRtbD4= 1166 2012-08-02 06:46:49 +0000 2012-08-02 06:46:49 +0000 Test to illustrate whether 'overflow' has its effect on the table box or the table wrapper box Overflow_on_table_with_caption.html text/html 1475 antonsforums PCFET0NUWVBFIEhUTUw+DQo8aGVhZD4NCgk8dGl0bGU+b3ZlcmZsb3cgb24gdGFibGUgd2l0aCBj YXB0aW9uPC90aXRsZT4NCgk8c3R5bGU+DQpkaXYuc3BhY2VyIHsNCgliYWNrZ3JvdW5kLWNvbG9y OmdyYXk7DQp9DQpkaXYudGFibGUgew0KCWRpc3BsYXk6IHRhYmxlOw0KfQ0KdGFibGUsDQpkaXYu dGFibGUgew0KCWJhY2tncm91bmQ6IGdyZWVuOw0KCWJvcmRlcjogNXB4IHNvbGlkIHllbGxvdzsN CgljYXB0aW9uLXNpZGU6IGJvdHRvbTsNCglvdmVyZmxvdzogaGlkZGVuOw0KCXRhYmxlLWxheW91 dDogZml4ZWQ7DQoJYm9yZGVyLXNwYWNpbmc6IDA7DQp9DQpkaXYuY2FwdGlvbiB7DQoJZGlzcGxh eTogdGFibGUtY2FwdGlvbjsNCn0NCmNhcHRpb24sDQpkaXYuY2FwdGlvbiB7DQoJYmFja2dyb3Vu ZDogYmxhY2s7DQoJd2lkdGg6IDEwMHB4Ow0KCWhlaWdodDogMjVweDsNCn0NCmRpdi50ciB7DQoJ ZGlzcGxheTogdGFibGUtcm93Ow0KfQ0KZGl2LnRkIHsNCglkaXNwbGF5OiB0YWJsZS1jZWxsOw0K fQ0KdGQgPiBkaXYsDQpkaXYudGQgPiBkaXYgew0KCWJhY2tncm91bmQ6IG9yYW5nZTsNCglwb3Np dGlvbjogcmVsYXRpdmU7DQoJd2lkdGg6IDUwcHg7DQoJaGVpZ2h0OiAyNXB4Ow0KfQ0KdGQgPiBk aXYgPiBkaXYsDQpkaXYudGQgPiBkaXYgPiBkaXYgew0KCXBvc2l0aW9uOiBhYnNvbHV0ZTsNCgli YWNrZ3JvdW5kOiBibHVlOw0KfQ0KZGl2LmFic3BvczEgew0KCXdpZHRoOiA4MHB4Ow0KCWhlaWdo dDogODBweDsNCgl0b3A6IC0xMHB4Ow0KfQ0KZGl2LmFic3BvczIgew0KCXdpZHRoOiAyMHB4Ow0K CWhlaWdodDogMzBweDsNCgl0b3A6IDEwcHg7DQoJbGVmdDogODBweDsNCn0NCgk8L3N0eWxlPg0K PC9oZWFkPg0KPGJvZHk+DQoNCjxkaXYgY2xhc3M9InNwYWNlciIgc3R5bGU9ImZsb2F0OmxlZnQ7 IHdpZHRoOjEwcHg7IGhlaWdodDoxNzBweCI+PC9kaXY+DQoNCjxkaXYgY2xhc3M9InNwYWNlciIg c3R5bGU9IndpZHRoOjExMHB4OyBoZWlnaHQ6MTBweDsiPjwvZGl2Pg0KDQo8dGFibGU+DQoJPGNh cHRpb24+PC9jYXB0aW9uPg0KCTx0cj4NCgkJPHRkPjxkaXY+PGRpdiBjbGFzcz0iYWJzcG9zMSI+ PC9kaXY+PGRpdiBjbGFzcz0iYWJzcG9zMiI+PC9kaXY+PC9kaXY+PC90ZD4NCgk8L3RyPg0KPC90 YWJsZT4NCg0KPGRpdiBjbGFzcz0ic3BhY2VyIiBzdHlsZT0id2lkdGg6MTEwcHg7IGhlaWdodDoz MHB4OyI+PC9kaXY+DQoNCjxkaXYgY2xhc3M9InRhYmxlIj4NCgk8ZGl2IGNsYXNzPSJjYXB0aW9u Ij48L2Rpdj4NCgk8ZGl2IGNsYXNzPSJ0ciI+DQoJCTxkaXYgY2xhc3M9InRkIj48ZGl2PjxkaXYg Y2xhc3M9ImFic3BvczEiPjwvZGl2PjxkaXYgY2xhc3M9ImFic3BvczIiPjwvZGl2PjwvZGl2Pjwv ZGl2Pg0KCTwvZGl2Pg0KPC9kaXY+DQoNCg0KPGRpdiBjbGFzcz0ic3BhY2VyIiBzdHlsZT0id2lk dGg6MTEwcHg7IGhlaWdodDoxMHB4OyI+PC9kaXY+DQoNCjwvYm9keT4NCjwvaHRtbD4=