Here I am thinking about `:focus-visible-within`...as one does. And wondering, if #CSSWG doesn't think there's a valid path forward on their end, would it make sense to add a `focusVisible` property to `FocusEvent` (or more specifically the `focusin` event, is scoping were beneficial) […]
I was playing with anchor positioning recently and noticed that the fallbacks don't re-calculate to respect my default position. I'm sure it is by design, but is this right? Would love to hear thoughts on this. I created a #CSSWG issue.
github.com/w3c/csswg-dr...
#CSS #anchoring
#askingForAFriend
Is it real life that an `anchor-name` element HAS to be before the element consuming it via `position-anchor` in the DOM!?!
🤯
#CSS #CSSWG #webDev #anchorPositioning
Inversely, I love, love, love how this "just works™️" in #chromium 😍
https://codepen.io/Westbrook/pen/XJKyebR
Where's my #webkit and #mozilla peeps at?!?
You're seeing that right, `:host(:has(...))` and `:host:has(...)` are different, in a good way, but supported differently across browsers […]
Love, love, love how this "just works ™️" in #webkit and #mozilla 😍
https://codepen.io/Westbrook/pen/KwMrmwd
Where's my #chromium peeps at?!?
#webDev #CSS #CSSWG #webComponentsCG #testTheWebForward #developingDesignSystems
Today I've just used `--anchor-scope` as part of the CSS Anchor Positioning API for the first time...
Five stars, would use again!
Thanks #CSSWG!
#webDev #CSS #AnchorPositioning
at the @CSSWG.org (@CSSWG) F2F (face to face) meeting^1, hosted by @Apple.com (@Apple) in Cupertino. Not counting at #w3cTPAC, the prior #CSSWG F2F meeting I went to was 2.5y ago, also in Cupertino, and before that 2019 in SF. Good to see so many longterm colleagues in-person.
#W3C #CSS […]
Future CSS: :drag (and Maybe ::dragged-image?) Have you ever struggled to style an element while it's being dragged? Sunkanmi explains some ways it could become easier in the future. Future CSS...
#Articles #csswg #pseudo #classes
Origin | Interest | Match
Future CSS: :drag (and Maybe ::dragged-image?) Have you ever struggled to style an element while it's being dragged? Sunkanmi explains some ways it could become easier in the future. Future CSS...
#Articles #csswg #pseudo #classes
Origin | Interest | Match
Masonry: Watching a CSS Feature Evolve Looking at the CSS Masonry discussions and what they can teach us about the development of new CSS features. What is the CSSWG’s role? What influence do bro...
#Articles #browser #csswg #grid #masonry #specifications
Origin | Interest | Match
New blog post: “Fit-to-Width Status Update: Prototype and Issues”
https://blog.kizu.dev/text-fit-update/
In which I present the current state of things and share links and descriptions of issues I opened in the CSS Working Group’s GitHub following the Chrome team’s feedback.
#Accessibility […]
That feeling when publishing 45 photos, where you write descriptions and alts for all of them, alongside editing and optimizing for publishing, haha, oof. :blobcatfearful:
Anyways! I just published photos I took a bit more than a year ago in A Coruña, during our #CSSWG F2F outing […]
Hello CSS friends, question for everyone. If you use:
repeat(auto-fit/fill, ...);
In the rows or columns of a `display: grid;` element, is it possible for you to attain the number of rows/columns that were auto created for use in other parts of your layout?
#CSS #CSSWG #webDev #ifNotThereShouldBe
The phrase "a spanner in the works" is never so relevant than when dealing with multicol, however we resolved a bunch of issues on block direction wrapping in the #CSSWG today.
i get the _theory_ but have you SEEN FINNISH?! and GERMAN NOUNS?
(yea i have break-word and the right attributes)
oh, look, the #csswg has been discussing this 😩 for at least five years
i have no idea how to get around this, #cssonly. js & shy unacceptable. 😱😱
any german or finnish devs here?
Where is my #webKit @webkit support at!?!
https://caniuse.com/?search=%3Ahas-slotted
#webComponents #webDev #cssWG #hasSlotted #betterTheWeb #realUseCaseIWantedToUseToday
The Blink rendering of this page with four red boxes.
The FF/WebKit rendering of this with four red lines.
Who can tell which is correct?
When visiting https://codepen.io/Westbrook/pen/gbpMbrb should there be four red squares (Blink) or four vertical red bars/lines (FF/WebKit)?
Not sure which is the bug to submit one. Help!
#cssWG #testTheWebForward #browserWars
#csswg and #webDev friends... is there a reasonable world wherein we reconciled `ArrowLeft/Right/Up/Down` input with `scroll-snap-type: x mandatory;` output in a way that was..._more_ expected?
TFW...
You get all ramped up to use awesome #CSSWG features like Anchor Position and #OpenUI features like #popover and you run into nuanced blockers point you towards having to go back to the bad old days... 😖
Hello `transform: ...` and wanting to break clipping but only _some_ stacking. 🤔 […]
New blog post: “Fit-to-Width Discussions & Feedback”
blog.kizu.dev/fit-to-width-discussions...
A bit less than a year ago, I published my “Fit-to-Width Text: A New Technique” article. Since then, CSSWG resolved to start working on it, and, following this, two things happened […]
A new #CSSWG proposal for layout lokks ... interesting.
#CSS #WebDev
webkit.org/blog/16587/item-flow-par...
Hey #CSS friends. 👋 Do we expect View Transitions to bork `background-filter` rules? Pending issue? Known workaround?
Asking for a friend.
#webDev #CSSWG #viewTransitions
Green text on pink background: Learn Grid Now, Container Queries Can Wait
🟢 Learn Grid Now, Container Queries Can Wait
by Miriam Suzanne @mia@front-end.social @TerribleMia
Take your time with new CSS, but don’t sleep on the essentials
#CSS #CSSWG #Grids #Layout #webdev
www.oddbird.net/2024/06/13/c...
