Re: [csswg-drafts] Collapsed table first row width quirk (#6230)

I finally got around to performing some analysis on our UseCounter data. TL;DR I think this change is going to be fine.

The UseCounter is "high" at ~0.55% of [pageloads](https://chromestatus.com/metrics/feature/timeline/popularity/3983). However I analyzed a lot of examples URLs - all the changes are all minimal. The changes broadly fall into ~4-5 categories.

Craigslist - e.g. https://sfbay.craigslist.org/
Here the calendar widget on the right changes size by 1px. This doesn't have any affect on page layout. It does have a small (barely noticeable) visual effect making the border between the table body and header uniform. Interestingly this was *previously* present. E.g. it has the CSS rule:
```
.cal .dys th, .cal td {
    border: 1px #ccc solid;
}
```
However this doesn't match the `<th>` element as it now uses the class `.days` (instead of `.dys`).

Discourse - e.g. https://discourse.wicg.io/categories
Here the "categories" panel uses visual table overflow to add category color on the left of the table. This is the largest visual effect I've seen in my analysis (3px shift in visual - border is 6px). No layout change. The new behaviour is arguably slightly better at small screen sizes with this change, and a little bit of a wash at large. We could submit a PR to modify discourse directly if they'd like to keep their current behaviour.

Open table reservation widget - e.g. https://www.charcoalgrillbar.com/
Similar to the calendar widget in craigslist - no significant change (0.5px delta on each side) - no visual difference.

 Various calendar widgets on blogs etc.
Similar to the other calendar widgets no significant changes.

In my opinion if we'd like to do this change - it'll has a high chance of being fine, and given the amount of confusion it has generated over the years (e.g. we still get bug reports about this behaviour) likely a positive for the web platform. Personally my only real concern is the discourse example.

Ian

-- 
GitHub Notification of comment by bfgeek
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6230#issuecomment-1026373721 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 1 February 2022 01:03:01 UTC