[css-backgrounds-3][css-borders-4] Only the principal box should get a shadow #9286

Activity

1. Loirooriol

   added

   css-backgrounds-3Current WorkCurrent Work

   css-borders-4

   on Aug 31, 2023
2. Loirooriol commented on Sep 13, 2023

   

   Loirooriol

   on Sep 13, 2023

   ContributorAuthor

   More actions

   As I commented in #9296 (review): I was expecting the behavior to be the principal box since that's the simple choice, but I have tried a table:

   <!DOCTYPE html>
   <table style="outline: 3px solid cyan; box-shadow: 0 0 0 6px magenta">
     <caption>Tablecaption</caption>
     <tr><td>cell</td></tr>
   </table>

   Both Firefox and Chromium apply the shadow to the table grid box, not to the principal table wrapper box.

   So maybe it should be discussed whether this should change? Or say that it's the principal box unless otherwise defined by the relevant spec (https://www.w3.org/TR/CSS21/tables.html#model would imply table grid box, and seemingly https://drafts.csswg.org/css-tables/#global-style-overrides too)

   I can't find it now, but I remember some discussion about defaulting properties on a table to apply to the principal wrapper box, with some exceptions that apply to the grid box. Now the default is the grid box, which seems a bit weird.
3. SebastianZ commented on Nov 25, 2023

   

   SebastianZ

   on Nov 25, 2023

   Contributor

   More actions

   I can't find it now, but I remember some discussion about defaulting properties on a table to apply to the principal wrapper box, with some exceptions that apply to the grid box. Now the default is the grid box, which seems a bit weird.

   #324 (comment) and some other comments in that issue indicate that the table wrapper box should be made the default.
   @FremyCompany Was this discussed further or even resolved on at some point?

   Sebastian
4. FremyCompany commented on Nov 28, 2023

   

   FremyCompany

   on Nov 28, 2023

   Contributor

   More actions

   I seem to recall that properties default to the grid box. Only when it would not make sense do they apply on the wrapper box. I hate the existence of the two boxes, but I have stopped fighting over it 😂

   This is what the spec says at the moment:

   The computed values of properties position, float, margin-, top, right, bottom, and left on the table are used on the table-wrapper box and not the table grid box; the same holds true for the properties whose use could force the used value of transform-style to flat (see list) and their shorthands/longhands relatives: this list currently includes overflow, opacity, filter, clip, clip-path, isolation, mask-, mix-blend-mode, transform-* and perspective.
   Where the specified values are not applied on the table grid and/or wrapper boxes, the unset values are used instead for that box (inherit or initial, depending on the property).
5. SebastianZ

   closed this as completedin #9296on Dec 25, 2023
6. fantasai

   added

   Closed Accepted as Obvious BugfixFixed an obvious error with the obvious solution.Fixed an obvious error with the obvious solution.

   on Mar 7, 2024