mirror of
https://github.com/BookStackApp/BookStack.git
synced 2026-02-06 00:59:39 +03:00
RTL problem in chapter and book pages (with simple solution) #5486
Reference in New Issue
Block a user
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @sshnevis on GitHub (Nov 9, 2025).
Describe the Bug
hi there
When we have right-to-left text, it is fine on the book pages, but it is not right-aligned on the chapter pages and FirstPage of Book.
Steps to Reproduce
when you add some arabic or persian text you see this:
when i add dir="auto" in HTML, this visual problem has been solved
<main class="content-wrap card" dir="auto">and
<div refs="entity-search@contentView" class="book-content" dir="auto">As simple as that.
Expected Behaviour
the result must be like this:
Screenshots or Additional Context
No response
Browser Details
No response
Exact BookStack Version
v24.12
@ssddanbrown commented on GitHub (Nov 13, 2025):
Hi @sshnevis,
We do set
dir="auto"for page content, but the main app UI layout direction is driven by the configured user language, since otherwise the UI will be pretty unstable, with different elements in different directions, or changing per view depending on the first language encountered.So if you set your user language preference as Arabic or Persian, the whole user interface should switch to a RTL format.
@sshnevis commented on GitHub (Nov 17, 2025):
Hello and many thanks
It was an interesting option. But the language is different for each book. Not for the user.
For example, we want the workspace to be English but we may have a Persian book. It is better to define these right-alignment settings in each section or have them be automatic.