charmbracelet / bubbles

TUI components for Bubble Tea 🫧

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Help bubble has an unwanted right padding

wI2L opened this issue · comments

Setup

  • OS: macOS
  • Shell: zsh
  • Terminal Emulator: iTerm2
  • Locale: en_US.UTF-8

Using the help bubble, I noticed that I couldn't properly align horizontally a multi-column (full) help view.

See the following example:

Screenshot 2023-09-04 at 00 02 03

The whole view is horizontally centered inside a fullscreen buffer, using:

return lipgloss.Place(
	termWidth, termHeight,
	lipgloss.Center, lipgloss.Center,
	sb.String(),
)

The border around the help view, here, is rendered only to show that there is a 4 space-char wide padding on the right of the right-most column.

This matches exactly the FullSeparator string width, and after reading the code, it seems clear to me that the separator is added even at the end of a line, when no other help key description follow: here.

I don't know if this is the expected/desired behavior, but in my case this causes the misalignment shown by the screenshot above.

I solved fixed it by adding a left margin that is exactly equal to the rendered width of the full separator (4) in the meantime.