Text is cut in render.WrappedText about pixlet HOT 4 CLOSED

The WrappedText widget can take a height parameter (widget doc)

If you set it to your desired height you should be good to go.

This might throw off the centering of the text, but here's your code with some padding. Note: was using the CG-pixel-3x5-mono font.

def display_error(msg):

    return render.Root(
        child = render.Row(
            children = [
                render.Box(
                    width = 20, 
                    height = 32, 
                    color = "#000",
                    child = render.Image(
                        src = ERROR_ICON, 
                        width = 16, 
                        height = 16
                    )
                ),
                render.Box(
                    child = render.Padding(
                        pad = (0,10,0,0),
                        child = render.WrappedText(
                            height = 32,
                            content = msg, 
                            color = "#FFF", 
                            linespacing = 1,                        
                            font = "CG-pixel-3x5-mono",
                        )
                    ),
                ),               
            ],
        ),
    )

Hope this helps! If it doesn't work plz lmk

from pixlet.

Hi @vlauffer
Thanks for your response. I was aware of the height parameter, and I agree with you that it works with that parameter. And as you suggested, with some padding, one might get also the centering correct.
However, this approach does not solve the bug that produces the erroneus output. While your approach works, it still requires manual fine tuning. I would therefore say, your approach is a workaround until that bug is fixed.

from pixlet.

@LukiLeu just realized you mentioned the height parameter in the very first sentence of the original post (facepalm) my bad. I see what you mean now though. I'm pretty interested in finding out why the text gets cut off without a set height, and why setting height relocates the text to the top instead of center...

I'm very new to Go and Starlark but I'm gonna try to figure out why this happens.

adding these links here incase I lose them:

wrappedtext doc, DrawStringWrapped function, font metrics

from pixlet.

My guess is, that the linespacing is not added to an internal calculated height and only the bare height of the font multiplied with the nunber of lines is used

from pixlet.