benface

This! And typed counters too!

Amazing. On a slightly related note, can we please have a way to get the `<number>` value of a counter so we can use it in `calc()`?

What is this printer?

Oh so you’re talking about the spelling? I thought you meant the pronunciation. But I actually like “M-dash” because it’s what the “em” is for – the width of the letter M.

Isn’t it exactly what it is?

This probably is an edge case? I’m guessing no other page / element has these text styles.

This. MacOS Calendar has supported an arbitrary number of alerts since forever but iOS is still restricted to two. 😒

Do you mean that it can be used without a form? An example would be nice!

Ah: “If <title> is within an <svg> component, then there is no special behavior, because in this context it doesn’t represent the document’s title but rather is an accessibility annotation for that SVG graphic.”

What about SVG <title>s?

Nope, same here.

I just tested and the state is indeed reset. It seems to be per _element_, not per component.

> I think you can have Wrapper know what to render / how to render. The component hierarchy stays the same but the outcome changes.

But won’t there be the same issue inside Wrapper? At some point, something has to render a different element.

🥲 So what’s the solution? Or is conditional wrapping just bad (when it’s dynamic at least)?

Ok, I understand the potential problem, but how would you prevent it if you really do want a component to conditionally wrap children in another? Just render in a `<div>' wrapper instead?

When will you tell us?

Nothing. It looks great to me.

Wow! I guess I’m an OG.

It came out in 2017 👴

Would love a blog post on those approaches 😁

That is super clean, but what if new data needs to be fetched when the filters change? That’s harder to model in my head than pre-RSC, but I’m sure I’m missing something.

Because Apple doesn’t allow alternative browser engines on iOS :/

As far as I know, gap decorations will work for both flex and grid gaps.

> Maybe consider adding a border between items (In both flexbox and grid).

That’s coming, with gap decorations!

Related to this: I believe setting the Light or Dark preference on a site should be a browser feature, instead of requiring each site to implement their own Dark Mode Toggle Button.

Style and scroll state queries maybe?

🎯

Forgot: `scrollbar-color`

Awesome post, I agree with all of it. I would add the following:
- attr() function for all properties, which Chrome just implemented in Canary
- gap decorations (not implemented in any browser, but Safari can be the first 😁)
- less buggy `@property` and `@scope`

That’s not a maple leaf 🫠 Still pretty though!