Often "Freezes" at minimum size

[brandonkal]

I use this with a Gatsby site. Often the font size will initially load at the minimum font size and it does not update.

[sis-dk]

Did you find a fix?

[brandonkal]

No I did not. I ended up implementing a component like this using CSS calc().

However, it is not perfect with SSR as the text will be streamed at minimum size in the HTML and stay that way until react hydrates.

[42x42x42]

Try to use a parameter 'throttle' i.e 1000 milliseconds, it should calculate height with delay when text, styles, etc already fully loaded.

[ceiphr]

Same issue. @brandonkal would you be willing to share your CSS solution?

[koraysels]

same problem using nextjs. IU tried loading it dynamically but still it won't work.

[brandonkal]

@ceiphr No longer using calc for other reasons but the idea is to figure out what size you want the text at different breakpoints and build an algebraic function to achieve that initial sizing as a function of view width.

[ceiphr]

@ceiphr No longer using calc for other reasons but the idea is to figure out what size you want the text at different breakpoints and build an algebraic function to achieve that initial sizing as a function of view width.

Makes sense, thank you!