Seokho Song

Seokho Song

@seokho.dev

SWE @igalia.com, w3c/csswg memeber Committer chromium and v8. Loving playing violin as a hobby 🎻 and take a photo and Splatoon 3(Game) 🦑. WFH 🏠.

74 followers79 following10 posts

Seokho Song
@seokho.dev

I just shipped CSS Custom Highlight Universal Selector! Coming in Chrome 158. With ::highlight(*), you can write a shared rule that applies to every custom highlight instead of repeating the same styles for each name. See the Blog post: blog.seokho.dev/development/...

blog.seokho.devCustom Highlight Universal Selector ::highlight(*)I recently added a universal selector for CSS custom highlights, ::highlight(*), to the relevant CSS Specifications (the bulk of it is actually in CSS Pseudos not CSS Custom Highlights) and implemente...

Seokho Song reposted

Seokho Song
@seokho.dev

Since this is getting some attention, the event part of matchContainer() needs discussion too. Please take a look at this one as well :D github.com/w3c/csswg-dr...

github.com[css-contain] Similar to window.matchMedia(), Container Queries should have a similar method · Issue #6205 · w3c/csswg-draftsCSS Working Group Editor Drafts. Contribute to w3c/csswg-drafts development by creating an account on GitHub.
Seokho Song@seokho.dev

Anyone want to join an API naming discussion? matchContainer() confused me the first time I saw it (it makes more sense now), and a Chromium reviewer had the same reaction. Ideas welcome! github.com/w3c/csswg-dr... #css #csswg

github.com[css-conditional-5] matchContainer() name may be confusing · Issue #14541 · w3c/csswg-draftselement.matchContainer(query) evaluates query against the element's query container, i.e. its nearest eligible ancestor, not the element itself. Regarding the naming, matchContainer() might suggest...
Seokho Song
@seokho.dev

Since this is getting some attention, the event part of matchContainer() needs discussion too. Please take a look at this one as well :D github.com/w3c/csswg-dr...

github.com[css-contain] Similar to window.matchMedia(), Container Queries should have a similar method · Issue #6205 · w3c/csswg-draftsCSS Working Group Editor Drafts. Contribute to w3c/csswg-drafts development by creating an account on GitHub.
Seokho Song@seokho.dev

Anyone want to join an API naming discussion? matchContainer() confused me the first time I saw it (it makes more sense now), and a Chromium reviewer had the same reaction. Ideas welcome! github.com/w3c/csswg-dr... #css #csswg

github.com[css-conditional-5] matchContainer() name may be confusing · Issue #14541 · w3c/csswg-draftselement.matchContainer(query) evaluates query against the element's query container, i.e. its nearest eligible ancestor, not the element itself. Regarding the naming, matchContainer() might suggest...
Seokho Song
@seokho.dev

Anyone want to join an API naming discussion? matchContainer() confused me the first time I saw it (it makes more sense now), and a Chromium reviewer had the same reaction. Ideas welcome! github.com/w3c/csswg-dr... #css #csswg

github.com[css-conditional-5] matchContainer() name may be confusing · Issue #14541 · w3c/csswg-draftselement.matchContainer(query) evaluates query against the element's query container, i.e. its nearest eligible ancestor, not the element itself. Regarding the naming, matchContainer() might suggest...
Seokho Song
@seokho.dev

I merged implementation of this under the experimental flag. You might be able to use it on the chrome canary first (tomorrow? I guess.) maybe need "chrome://flags/#enable-experimental-web-platform-features"

IntentToShip@intenttoship.dev

Blink: Intent to Prototype: CSS Custom Highlight Universal Selector ::highlight(*)

groups.google.comBlink: Intent to Prototype: CSS Custom Highlight Universal Selector ::highlight(*)Blink: Intent to Prototype: CSS Custom Highlight Universal Selector ::highlight(*)

You are up to date.