Render is completely messed up about superfile HOT 8 CLOSED

Following the reference you provide in your first comments, I found the first FAQ of lipgloss on its README.md is exactly relavent:

Why are things misaligning? Why are borders at the wrong widths?
This is most likely due to your locale and encoding, particularly with regard to Chinese, Japanese, and Korean (for example, zh_CN.UTF-8 or ja_JP.UTF-8). The most direct way to fix this is to set RUNEWIDTH_EASTASIAN=0 in your environment.

After running 'export RUNEWIDTH_EASTASIAN=0' the layout is normal right away!
(it's interesting to note that there may not be many Chinese, Japanese, or Korean MacOS users of this useful and supercool tool yet 😂.)

from superfile.

Thanks for your patient comments. I will make more attempts and provide more valuable feedback for diagnosis.

from superfile.

That really great!
I think this will be a frequently asked question in the future!

from superfile.

charmbracelet/lipgloss#30
It should be caused by font encoding. You can try change it to UTF-8 Encoding and CHCP 65001!

from superfile.

but the encoding of my terminal is already UTF8. the result of locale is

LANG="zh_CN.UTF-8"
LC_COLLATE="zh_CN.UTF-8"
LC_CTYPE="zh_CN.UTF-8"
LC_MESSAGES="zh_CN.UTF-8"
LC_MONETARY="zh_CN.UTF-8"
LC_NUMERIC="zh_CN.UTF-8"
LC_TIME="zh_CN.UTF-8"
LC_ALL="zh_CN.UTF-8"

this is the setting of iterm2:

I have tried export LANG=en_US.UTF-8, the issue persists.
How should I config on MacOS?

from superfile.

I'm using the UTF-8 setting on MacOS and have the same problem.

from superfile.

I think this must have something to do with font decoding but I'm not sure how to set it up on macos.

from superfile.

https://github.com/charmbracelet/bubbletea?tab=readme-ov-file#bubble-tea-in-the-wild
If possible, you can try installing other programs with borders to see if you have the same problem. :)
Thanks you so much!

from superfile.