BOTbkcd/mayhem

Task list layout issue

Closed this issue ยท 3 comments

tomekz commented

Hi

There is some layout problem when displaying the list of tasks
Seems to always only affect tasks on the second position in the list

Also thanks for sharing the project. This is a really nice TUI ๐Ÿš€

Screenshot 2023-08-05 at 18 02 28

@tomekz Thanks for bringing this to my attention.

Unfortunately I was unable to replicate this issue on my local. Here is a screenshot of my gnome-terminal:
image

Still can you kindly share some more details?

  • For starters, does this misalignment persist when you resize your terminal. Sometimes bubbletea leaves some residue from the previous view. It tends to go away when terminal is resized.
  • Did you notice this issue in other stacks as well?

Btw I checked out the coincap-tui project & the graph view looks stunning. You should consider publishing that as a bubble. It would be really useful for the rest of us.

tomekz commented

I think I've tracked down the problem ๐Ÿ•ต๏ธ

The layout breaks when you use in the input string some emoji that contains multiple unicode characters via the ZWJ sequence

So to reproduce the issue copy the emoji using the copy on the page and use it in the stack name field

The problem is in lipgloss that calculates wrongly the size of the block elements when "compound" emojis are used
They have already issue for that so I guess it's worth to watch it

I guess we'll have to wait for the charm team to fix this bug in lipgloss. For now I'll mark it as closed.