Difficulties with laying out a button with a text label

[ennis]

My goal is to layout buttons with a minimum size but otherwise sizes itself to its content, like in this example: https://jsfiddle.net/3uvL724r/

I was trying to reproduce something similar to this with taffy, using a text element with a custom measuring function, and a box laid-out with taffy, with a Flex or Block layout. However the box always stretches to fill the available width. In CSS I used width: max-content or display: inline-block to prevent filling all the space, but I don't see a way to specify that in taffy (for Style.size I can only specify a length, a percentage, or auto, which seems to fill the space). What would be the best way to reproduce the CSS example in taffy?

[ennis]

As a workaround, I can wrap the buttons in a parent flex container, with align-items: start; but then it is that parent container that fills the whole space.