Right to Left direction does not affect the collapsible block #4885

Closed
opened 2026-02-05 09:23:45 +03:00 by OVERLORD · 2 comments
Owner

Originally created by @merrime-n on GitHub (Jul 20, 2024).

Describe the Bug

The block is rendered in LTR direction; its icon is on the left. Also, when defining its label, the strings are translated but rendered in LTR direction.

Steps to Reproduce

  1. Create a collapsible block in the RTL context.
  2. The block is in LTR.
  3. The labels are LTR.

Expected Behaviour

I expect the collapsible block to be rendered accordingly.

Screenshots or Additional Context

The collapsible block icon is on the left:

1

The label is in LTR direction:

2

Browser Details

No response

Exact BookStack Version

v24.05.1

Originally created by @merrime-n on GitHub (Jul 20, 2024). ### Describe the Bug The block is rendered in LTR direction; its icon is on the left. Also, when defining its label, the strings are translated but rendered in LTR direction. ### Steps to Reproduce 1. Create a collapsible block in the RTL context. 2. The block is in LTR. 3. The labels are LTR. ### Expected Behaviour I expect the collapsible block to be rendered accordingly. ### Screenshots or Additional Context The collapsible block icon is on the left: ![1](https://github.com/user-attachments/assets/6bce620e-d548-4e17-a5dc-190fde1a5c58) The label is in LTR direction: ![2](https://github.com/user-attachments/assets/69072f5d-690d-4cf5-9f72-c88c1ab4c7f9) ### Browser Details _No response_ ### Exact BookStack Version v24.05.1
OVERLORD added the 🐛 Bug label 2026-02-05 09:23:45 +03:00
Author
Owner

@ssddanbrown commented on GitHub (Aug 27, 2024):

Hi @okaeiz,

Thanks for reporting but I'm unable to reproduce this one, the label and arror render RTL as expected:

image

I've tested in a variety of browsers (Firefox/Chrome/GnomeWeb).
We are using browser's native rendering here, so I'd be surprised if there are issues but display may depend on browser.

Is this something you can still reproduce? If so, can you confirm which browser you're using?

Also, when defining its label, the strings are translated but rendered in LTR direction.

Yeah, much of the existing editor controls are not built for RTL presentation.
I'm not going to address these though since this has always been the case, and since I'm currently working on a new editor which does aim to have RTL presentation for controls.

@ssddanbrown commented on GitHub (Aug 27, 2024): Hi @okaeiz, Thanks for reporting but I'm unable to reproduce this one, the label and arror render RTL as expected: ![image](https://github.com/user-attachments/assets/e3c30685-596b-49d2-9361-9b596c8a85bc) I've tested in a variety of browsers (Firefox/Chrome/GnomeWeb). We are using browser's native rendering here, so I'd be surprised if there are issues but display may depend on browser. Is this something you can still reproduce? If so, can you confirm which browser you're using? > Also, when defining its label, the strings are translated but rendered in LTR direction. Yeah, much of the existing editor controls are not built for RTL presentation. I'm not going to address these though since this has always been the case, and since I'm currently [working on a new editor](https://github.com/BookStackApp/BookStack/pull/5058) which does aim to have RTL presentation for controls.
Author
Owner

@ssddanbrown commented on GitHub (Nov 28, 2024):

Since there's been no further follow-up I'll go ahead and close this off.

@ssddanbrown commented on GitHub (Nov 28, 2024): Since there's been no further follow-up I'll go ahead and close this off.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#4885