Post

So nice! Hope margin-trim is next, super helpful in design systems.

Follow along at bugzilla.mozilla.org/show_bug.cgi.... Some of the design of that feature is still in flux, but I mention it in tomorrow's video.

So everyone is going to trim to cap height and make letters like ÅÖŠ unreadable? I am very much not hyped about this.

For `text-box-edge` I think it's better to just call `text` as `normal` since that's what it is: do nothing—it's less confusing. I think the W3C Editors' Draft also left a note asking if `text` is a good choice. Maybe you can suggest it? It also aligns with `text-box: normal;` shorthand.

As for `text-box-trim`, I think it's better to align it was well, instead of `none`, use `normal`. It makes sense too, `text-box-trim: normal;` = just do however the browser already handles it.

So something like: text-box-edge: normal alphabetic; text-box-edge: cap normal; text-box: normal normal alphabetic; text-box: normal ex normal; Just a suggestion and thinking out loud. What I can't wait for is `ideographic`. Badly needed (I think) 😅

It doesn't "do nothing", it discards half-leading.

Ooooh!! Okay, that's clearer. I was reading the W3C draft and trying the javascript example on MDL, switching between text and cap didn't do anything obvious. I understand then it's not exactly visible? I rewatched your video again, and it finally clicked. 😅

Full docs on MDN: developer.mozilla.org/en-US/docs/W...