image and callout placement #1669

New Issue

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

OVERLORD commented

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

Originally created by @Smoin1 on GitHub (Apr 20, 2020).

Describe the bug
Images and Callouts do not seem to like each other (see screenshot) they overlap if placed next to each other (btw: the image also overlaps the end of the page, maybe this is related)

Steps To Reproduce
add image
add text as bullet list
define a callout in the text (one line)
select "align left" on image -> test will be put right to the image
click save (important! in the editor it is correct)

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Your Configuration (please complete the following information):

Exact BookStack Version (Found in settings):
PHP Version:
Hosting Method (Nginx/Apache/Docker):

Additional context
Add any other context about the problem here.

Originally created by @Smoin1 on GitHub (Apr 20, 2020). **Describe the bug** Images and Callouts do not seem to like each other (see screenshot) they overlap if placed next to each other (btw: the image also overlaps the end of the page, maybe this is related) **Steps To Reproduce** add image add text as bullet list define a callout in the text (one line) select "align left" on image -> test will be put right to the image click save (important! in the editor it is correct) **Expected behavior** A clear and concise description of what you expected to happen. **Screenshots** If applicable, add screenshots to help explain your problem. ![image](https://user-images.githubusercontent.com/53152348/79703163-4ad8e100-82aa-11ea-8b12-d80e5c74ed62.png) **Your Configuration (please complete the following information):** - Exact BookStack Version (Found in settings): - PHP Version: - Hosting Method (Nginx/Apache/Docker): **Additional context** Add any other context about the problem here.

OVERLORD added the 🐛 Bug 🎨 Design labels 2026-02-05 01:33:42 +03:00

OVERLORD closed this issue

2026-02-05 01:33:46 +03:00

OVERLORD commented

2026-02-05 01:33:51 +03:00

@ssddanbrown commented on GitHub (Apr 25, 2020):

Thanks for reporting this @Smoin1 with the helpful visual screenshot of the issue.

I have applied a couple of commits so that callouts, blockquotes and the page body now account for floated content in a better way:

Before

After

These fixes have been applied to our master branch, to be part of the next BookStack patch release.

@ssddanbrown commented on GitHub (Apr 25, 2020): Thanks for reporting this @Smoin1 with the helpful visual screenshot of the issue. I have applied a couple of commits so that callouts, blockquotes and the page body now account for floated content in a better way: ### Before ![Screenshot from 2020-04-25 19-52-45](https://user-images.githubusercontent.com/8343178/80288377-8acb1880-872f-11ea-93d9-f67fbe435ff6.png) ### After ![Screenshot from 2020-04-25 19-54-18](https://user-images.githubusercontent.com/8343178/80288378-8f8fcc80-872f-11ea-8554-9a42a66257c6.png) --- These fixes have been applied to our `master` branch, to be part of the next BookStack patch release.

OVERLORD referenced this issue

2026-02-05 05:25:40 +03:00

Make a linked file for windows explorer #2839

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#1669