Header prevents clicking inside tables #1714

New Issue

OVERLORD · 2026-02-05T01:42:08+03:00

OVERLORD commented

2026-02-05 01:42:08 +03:00

Originally created by @Ada-CD on GitHub (May 6, 2020).

Describe the bug
When a table is right aligned and a header is on its left, clicking inside the table at the same height as the header selects the header and not the table contents.

Steps To Reproduce
Steps to reproduce the behavior:

Edit a page
Create a table
Narrow it down and choose "Alignment : right" in the properties.
Click on the right side of the table and type some text. It should appear on the left side of the page.
Change the text to a header (Size does not matter, only that it is a header)
Try clicking inside the table at the same height as the header.

Expected behavior
Clicking inside the table should select the text that is inside the table, not the header.

Screenshots
Could not take a screenshot with the cursor, here is a video.

Your Configuration (please complete the following information):

Exact BookStack Version (Found in settings): v0.29.2
PHP Version: 7.3.14-1~deb10u1
Hosting Method (Nginx/Apache/Docker): Apache on Debian 10 (Kernel : 4.19.0-8-amd64 )

Additional context
Can be reproduced on the demo site.

From my testing it appears that the position: relative property of the headers is the culprit. Indeed, after changing it back to the default position: static with CSS in the custom header, the issue went away. It does not appear to change anything visually on desktop or mobile.

Originally created by @Ada-CD on GitHub (May 6, 2020). **Describe the bug** When a table is _right aligned_ and a header is on its left, clicking inside the table at the same height as the header selects the header and not the table contents. **Steps To Reproduce** Steps to reproduce the behavior: 1. Edit a page 2. Create a table 3. Narrow it down and choose "Alignment : right" in the properties. 4. Click on the right side of the table and type some text. It should appear on the left side of the page. 5. Change the text to a header (Size does not matter, only that it is a header) 6. Try clicking inside the table at the same height as the header. **Expected behavior** Clicking inside the table should select the text that is inside the table, not the header. **Screenshots** Could not take a screenshot with the cursor, [here is a video](https://youtu.be/0BPWyi94EhU). **Your Configuration (please complete the following information):** - Exact BookStack Version (Found in settings): v0.29.2 - PHP Version: 7.3.14-1~deb10u1 - Hosting Method (Nginx/Apache/Docker): Apache on Debian 10 (Kernel : 4.19.0-8-amd64 ) **Additional context** Can be reproduced on the demo site. From my testing it appears that the `position: relative` property of the headers is the culprit. Indeed, after changing it back to the default `position: static` with CSS in the custom header, the issue went away. It does not appear to change anything visually on desktop or mobile.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#1714