RTL languages messes the layout!

[AYehia0]

I am trying to render arabic text which is rtl, the problem is that it always messes the layout of the viewport.

• The EN version :
  

• The AR version :
  

I have a list of text, rendering happens line by line as follows :

content := ""
for _, ayah := range entries {

	text := lipgloss.NewStyle().
		Bold(true).
		Foreground(lipgloss.AdaptiveColor{Dark: "#ffffff", Light: "#000000"}).
		Width(keyWidth).
		Render(goarabic.RemoveTashkeel(wrap.String(ayah.Text, keyWidth)))

	row := lipgloss.JoinHorizontal(lipgloss.Center, text)
	content += fmt.Sprintf("%s\n\n", row)
}

titleText := lipgloss.NewStyle().Bold(true).
	Background(titleColor.Background).
	Foreground(titleColor.Foreground).
	Border(lipgloss.NormalBorder()).
	Padding(0, 1).
	Italic(true).
	BorderBottom(true).
	BorderTop(false).
	BorderRight(false).
	BorderLeft(false).
	Render(title)

return lipgloss.NewStyle().
	Width(width).
	Height(height).
	Render(lipgloss.JoinVertical(
		lipgloss.Top,
		titleText,
		content,
	))

I also tried to :

• align text to the left and right.
• use the highPerformanceRendering (doesn't show the 2 viewports)

[meowgorithm]

This is most likely a multi-layered issue, but we really do need better RTL support in Lip Gloss. It's hard to say exactly where the problem for this lies, but my guess is that go-runewidth isn't returning the correct width for Arabic glyphs. Also bear in mind that some terminals do a better job with Arabic than others (Kitty, in my experience, is excellent whilst many others seems to struggle). What terminal are you using in your screenshot?

Another note here: I've seen some frameworks, like QT, provide the option mirror the UI for RTL. So that's potentially a parallel feature that could make sense in either Lip Gloss or Bubble Tea.

[AYehia0]

I have tested almost all the available terminals out there for linux ofc, the one in the screenshot is termite, but there almost no difference between them all.
here is kitty :

I don't know if go-runewidth returns wrong length, but the weird thing is that the windows terminal (the newer version), just displays the text almost perfectly :

I don't know what could possibly be the solution :'(