Andreu Botella
LightNews LightNews
andreubotella.com
Andreu Botella
@andreubotella.com
88 followers 12 following 41 posts
Browser engineer at @igalia.com. I work on things ranging from CSS and layout in browsers, to Javascript language features, to interoperability between browsers and server-side runtimes as a co-chair of WinterTC. They/them
Posts Replies Media Videos
andreubotella.com
The behavior I would have expected would be something like this: 0% means 1 line, 100% means the full number of lines, and everything is evenly spaced.

So clamping by `floor(1 + (percentage / 100) * (numLines - 1))`.
0% -> line 1 25% -> line 2 50% -> line 3 75% -> line 4 100% -> line 5
August 27, 2025 at 2:39 PM
andreubotella.com
This is the smallest values that trigger clamping by that many lines, on a test with 5 lines. From what I can tell, it behaves like clamping by `max(1, floor((percentage / 100) * (numLines + 1)))` lines.

The `numLines + 1` multiplier means you can clamp by the full number of lines (5 here) with 84%
0% -> line 1 34% -> line 2 50% -> line 3 67% -> line 4 84% -> line 5
August 27, 2025 at 2:39 PM
andreubotella.com
I'm pumped about the enum JS proposal, (that makes enums part of core JS, not just TS) -- not so much because of the proposal itself, but because one of the possible future directions for it would finally let JS evolve to crab. 🦀
A slide, titled "Algebraic Data Type Enums": - Algebraic Data Type (ADT) enums are structured objects with some form of discriminant property. - ADT enums would tie in nicely with Extractors and Pattern Matching A code sample follows: enum Option { Some(value), None() } enum Result { Ok(value), Error(reason) } match (opt) { Option.Some(let value): console.log(value); Option.None(): console.log("<no value>"); }
May 6, 2025 at 9:14 AM