Partly missing coloring in code section #4835

New Issue

OVERLORD · 2026-02-05T09:19:24+03:00

OVERLORD commented

2026-02-05 09:19:24 +03:00

Originally created by @TobiZog on GitHub (Jun 24, 2024).

Describe the Bug

In a code section (created with the markdown editor) are lines, which are not colored. In Markdown, all lines in the section are written in the same way.

Steps to Reproduce

I can't exactly tell, who this happened.

Expected Behaviour

Full colored source code

Screenshots or Additional Context

Result which I get:

Source code:

<pre id="bkmrk-%3Cv-navigation-drawer"><code class="language-html">&lt;v-navigation-drawer&gt;
  &lt;v-list&gt;
    &lt;v-list-item title="My Application" subtitle="Vuetify" /&gt;
    &lt;v-divider /&gt;
    &lt;v-list-item link title="List Item 1"&gt;&lt;/v-list-item&gt;
    &lt;v-list-item link title="List Item 2"&gt;&lt;/v-list-item&gt;
    &lt;v-list-item link title="List Item 3"&gt;&lt;/v-list-item&gt;
  &lt;/v-list&gt;
&lt;/v-navigation-drawer&gt;
</code></pre>

Source code in Firefox's inspector:

It seems that the wrong colored lines are false packaged.

Browser Details

Firefox 127.0.1 on Linux Mint

Exact BookStack Version

v24.05.2

Originally created by @TobiZog on GitHub (Jun 24, 2024). ### Describe the Bug In a code section (created with the markdown editor) are lines, which are not colored. In Markdown, all lines in the section are written in the same way. ### Steps to Reproduce I can't exactly tell, who this happened. ### Expected Behaviour Full colored source code ### Screenshots or Additional Context Result which I get: ![2024-06-24_11-18](https://github.com/BookStackApp/BookStack/assets/67568441/3831f39b-e7fc-4a04-a89d-735efcf30fe6) Source code: ```html <pre id="bkmrk-%3Cv-navigation-drawer"><code class="language-html"><v-navigation-drawer> <v-list> <v-list-item title="My Application" subtitle="Vuetify" /> <v-divider /> <v-list-item link title="List Item 1"></v-list-item> <v-list-item link title="List Item 2"></v-list-item> <v-list-item link title="List Item 3"></v-list-item> </v-list> </v-navigation-drawer> </code></pre> ``` Source code in Firefox's inspector: ![image](https://github.com/BookStackApp/BookStack/assets/67568441/a3bf7032-1747-477e-9006-da3a95a88868) It seems that the wrong colored lines are false packaged. ### Browser Details Firefox 127.0.1 on Linux Mint ### Exact BookStack Version v24.05.2

OVERLORD added the 🐛 Bug 💻 Front-End labels 2026-02-05 09:19:24 +03:00

OVERLORD closed this issue

2026-02-05 09:19:26 +03:00

OVERLORD commented

2026-02-05 09:19:28 +03:00

@ssddanbrown commented on GitHub (Jul 14, 2024):

Thanks for raising @TobiZog,
I found that the underlying highlighting library by default would not accept custom self-closing tags by default, but there was an option to enabled this which I have done in adb7bf7016.

This change will be part of the next patch release.

@ssddanbrown commented on GitHub (Jul 14, 2024): Thanks for raising @TobiZog, I found that the underlying highlighting library by default would not accept custom self-closing tags by default, but there was an option to enabled this which I have done in adb7bf7016502ebdc8aafdbca422731dac0abbfc. This change will be part of the next patch release.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#4835