Text and Boxes need flexShrink=0 where they should not shrink

[ravshansbox]

Description

Sometimes it incorrectly chooses start column when rendering (or rerendering) tasks list

OpenCode version

1.0.12

Steps to reproduce

No response

Screenshot and/or share link

No response

Operating System

macOS 26.0.1

Terminal

No response

[github-actions]

This issue might be a duplicate of existing issues. Please check:

• opentui: todo list missing data #3423: Also relates to todo/task list display problems in OpenTUI
• OpenTUI: padding between section glitches when session starts #3650: Similar spacing/padding glitches that affect element positioning in TUI sessions
• OpenTUI: Missing main view text when resizing #3697: Display positioning issues that occur after window resizing in OpenTUI

Feel free to ignore if none of these address your specific case.

[thdxr]

lots of artifacts there but not sure what's going on

[veracioux]

@thdxr @kommander When there's not enough space to go around, it seems that flex gaps, margins etc are not honored, and some elements (like <text>) get collapsed. This o here is actually part of Todo which got hidden due to lack of vertical space. But I'm guessing the renderer didn't issue the correct ANSI sequence to explicitly delete that o, and since no other text (or background color) took its place it just remained displayed.

[kommander]

What terminal is this? Looks like a grapheme width issue, the checkmark is just one cell, in many other terminals/fonts the checkmark is two cells, so the width calculation for the grapheme is off. What is the Unicode/raw by sequence for that checkmark?

Edit: Is there a message before this one that has any emojis/CJK chars?

[veracioux]

@kommander Don't think this has anything to do with grapheme width necessarily. Check this out (pay attention to the Context text):

Peek.2025-11-03.00-37.mp4

After I modfiy the code to set a background color on the XX,XXX tokens text, it doesn't show up anymore:

Peek.2025-11-03.00-35.mp4

I don't see any special characters being rendered there: https://github.com/veracioux/opencode/blob/9fd672a1cb735eb7f8ec80ffbe9d7540e4687759/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx#L52

This further confirms #3775 (comment) I think.

[kommander]

Ahh now I see what you mean. Okay that is curious. So by default all renderable yoga nodes are flexShrink = 1, so to avoid text nodes getting smashed into each other we can set flexShrink = 0 on the containers for the nodes. Then the container does not shrink and the text nodes do not overlap.

[OpeOginni]

@kommander Hello, I am looking at this issue, is there any point where we would want the sidebar to be scrollable, if the window is a bit small to contain it all?

[veracioux]

My 2 cents: I think the Modified Files and Todo sections would benefit from a scrollbox because their contents can get large for long sessions