Markdown editor expands to whole screen width #466

New Issue

OVERLORD · 2026-02-04T20:17:07+03:00

OVERLORD commented

2026-02-04 20:17:07 +03:00

Originally created by @markuskonojacki on GitHub (Oct 11, 2017).

For Bug Reports

After upgrade from v0.18.0 to:

BookStack Version: v0.18.3
PHP Version: 7.1.10-1+0~~20170929170631.9+jessie~~1.gbp501135 (cli) (built: Sep 29 2017 17:33:58) ( NTS )
MySQL Version: mysql Ver 14.14 Distrib 5.5.57, for debian-linux-gnu (x86_64) using readline 6.3

Expected Behavior

A limited maximal width of the markdown editor.

Current Behavior

The markdown editor expands until it spans the whole screen width. Thus hiding the preview as well as the right sidebar. The problem is new after an upgrade from v0.18.0 to v0.18.3.

Steps to Reproduce

Couldn't reproduce this in IE 11, only in Chrome. But on different computers in Chrome and after clearing the cache. I've not tried any other browser.

Maybe related to #502

Custom HTML header from the gif (removing doesn't help):

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/theme/vibrant-ink.min.css"/>
<script>window.codeTheme='vibrant-ink';</script>

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<style>
body, button, input, select, label, textarea {
  font-family: 'Lato', sans-serif;
}
.Codemirror, pre, #markdown-editor-input, .editor-toolbar, .code-base {
  font-family: monospace;
}
</style>

Originally created by @markuskonojacki on GitHub (Oct 11, 2017). ### For Bug Reports After upgrade from v0.18.0 to: * BookStack Version: v0.18.3 * PHP Version: 7.1.10-1+0~20170929170631.9+jessie~1.gbp501135 (cli) (built: Sep 29 2017 17:33:58) ( NTS ) * MySQL Version: mysql Ver 14.14 Distrib 5.5.57, for debian-linux-gnu (x86_64) using readline 6.3 ##### Expected Behavior A limited maximal width of the markdown editor. ##### Current Behavior The markdown editor expands until it spans the whole screen width. Thus hiding the preview as well as the right sidebar. The problem is new after an upgrade from v0.18.0 to v0.18.3. ##### Steps to Reproduce Couldn't reproduce this in IE 11, only in Chrome. But on different computers in Chrome and after clearing the cache. I've not tried any other browser. ![bookstackbug](https://user-images.githubusercontent.com/657768/31439267-d4b2a85c-ae8b-11e7-9bcd-deef936c982e.gif) Maybe related to #502 Custom HTML header from the gif (removing doesn't help): ``` <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/theme/vibrant-ink.min.css"/> <script>window.codeTheme='vibrant-ink';</script> <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> <style> body, button, input, select, label, textarea { font-family: 'Lato', sans-serif; } .Codemirror, pre, #markdown-editor-input, .editor-toolbar, .code-base { font-family: monospace; } </style> ```

OVERLORD added the 🐛 Bug label 2026-02-04 20:17:07 +03:00

OVERLORD closed this issue

2026-02-04 20:17:11 +03:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#466