Text areas resize weirdly in component instances

Help us improve Penpot
, ,
1

I have a button component that should resize depending on entered text, however things do not quite work as smoothly as I would imagine they would. Here is a recording:

firefox_UHh4O1DNIG

The component structure is as following:

Layout (fit content, column)
Layout (fit content, row)
Layout (fit content, row)
Text Layer (Auto Width)

Edit: After further investigation this seems to be related to WebGL rendering.

1 Like
2

Hi, @Arvid! Yes, the current text editor doesn’t match 100% with the WebGL render, that’s one of the reasons it’s currently in beta. We’re changing it to make it full WebGL-render-compatible, you can follow the progress here

Thanks for reviewing it!

1 Like