GoogleChromeLabs / GoogleChromeLabs/container-query-polyfill

safari14 version issue

Open
#80 2 comments 0 reactions 0 assignees View on GitHub
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
스크린샷 2024-01-09 오후 7 54 46스크린샷 2024-01-09 오후 7 54 43

safari 14
스크린샷 2024-01-09 오후 7 54 23 스크린샷 2024-01-09 오후 7 54 21

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.