GoogleChromeLabs / GoogleChromeLabs/container-query-polyfill
safari14 version issue
- Dominant language
- TypeScript
- Stars
- 1.1k
- Forks
- 48
- PR merge metrics
- No merged PRs in 30d
Description
hi, I am a UI developer who really wants to apply polyfill to the service. 😀
I confirmed that it applies well up to version 15, but it is a problem in version 14.
In Safari14 version, the data-cqc-* attribute is not created, so the style of :where([cqc~**]) does not seem to be matched and applied properly.
It appears that all declared `@container` styles are displayed.
Is this working properly? Please confirm.
https://codepen.io/chriscoyier/full/yLzKavz
safari 15
safari 14
Contributor guide
Research direction
Start by reproducing the linked CodePen in Safari 14 and Safari 15, comparing creation of the data-cqc-* attribute and application of the :where([cqc~**]) styles. Trace the polyfill entry point responsible for @container styles and determine whether Safari 14 should receive the same behavior; done means the discrepancy is explained and, if confirmed as a bug, covered by a regression check.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 28/100