Wrong unicode character alignment

[TornaxO7]

Rio isn't displaying the lines from a TUI-file manager correctly:

This is how it looks like in alacritty:

Reproduction steps

1. Install yazi
2. Open it up by executing yazi
3. See the results

[VOID404]

echo "│\n│\n│" is enough to reproduce for me.
Seems like it's rendering the lines as semi-transparent, and overlap makes it darker.

[TornaxO7]

Stupid bots

[VOID404]

@qiliq could you link the other issue? Does it describe actual solution?
The link seems to be for windows :/

[sharph]

I am seeing alignment issues with block characters. Font is Victor Mono Nerd Font. Left is rio and right is kitty for comparison.

[wulfalpha]

I have the Same issue I think. It causes black lines above my powerline prompt as well as dark lines to appear in my shiny charizard.

[cvortmann]

I have the similar issue using lualine on Neo Vim in MacOs.

Top is Alacritty, bottom is Rio. Font is SF Mono for Powerline.

It also shows the Nerd Font icons from starship.rs differently. Again, Alacritty top, Rio bottom:

Rio config

theme = 'catppuccin-mocha'
padding-x = 1
padding-y = [1, 1]

option-as-alt = 'both'

[fonts]
family = "SF Mono Powerline"
size = 13

[fonts.regular]
family = "SF Mono Powerline"
style = "Normal"
weight = 600

[fonts.emoji]
family = "Apple Color Emoji"
style = "Normal"

[navigation]
use-current-path = true
mode = "NativeTab"

[renderer]
performance = "High"
backend = "Metal"
disable-unfocused-render = false

[window]
decorations = "Enabled"

Rio Version

❯ rio --version
rioterm 0.1.16

[raphamorim]

Yes, sorry about that. The issue is that Rio isn’t resizing the other fonts to respect the dimensions of the main font. I plan to work on that after finish the split support #691 (which I am currently working on)

[raphamorim]

Finally will start seeing this 👌

[xxxserxxx]

I don't know if this is the same issue, but the visual effect is the same.

In my case, I'm only using a single font -- Fira Code -- so it's not an interaction between different fonts. I have to scale my font sizes up by 2 points to get similar sizes to font point sizes in other terminals, and I see both the overlap, but also gaps between blocks. In the attached screenshot, we have Rio in the upper left, Alacritty in the upper right, and ghostty in the lower left. They're each showing their config on the left, cava in the upper right, and xprop showing which terminal they are.

Note that the Rio font size has to be 16 and is still slightly smaller than 14 point font sizes in Alacritty and Ghostty. We see the overlap on the bars that other people display in this ticket, but also note that, in Cava, there's space around each character box in Rio that doesn't show up in other terminals. Finally, while it's difficult to eyeball this, Fira Code doesn't look quite right in Rio.

Other things I've noticed is that, while Fira Code does have Bold styles, if I try to use them in Rio it complains that only "Regular" and "Italic" are available; it's the same if I use "FiraCode Nerd Font" or "Go Mono" -- while Rio can find the fonts, it doesn't recognize most of the styles. Despite not understanding the style, the "weight" attribute is clearly working. This is probably an unrelated issue, but it's making me suspicious about Rio's font handling.

Finally, I also tried wezterm and saw similar behavior to ghostty -- everything looks fine in wezterm. FWIW, I uninstalled wezterm because -- just running cava -- wezterm consumed 43% of the CPU; ghostty came in at 24%, rio at 14%, and Alacritty at 7%. However, I'm running an Alacritty supporting sixel, Alacritty doesn't support ligatures and is so not at feature parity with the others.