Code snippets with long line cause overflow in full width view

[adamkelly86]

Describe the bug When in full width mode, code snippets seem to cause overflow. In Nextcloud 31, this did not occur.

To Reproduce Steps to reproduce the behavior:

1. Go to Collectives
2. Create a new page
3. Turn on full width view
4. Add a code block which will overflow the full width

The same also happens in a single markdown file. The overflow also seems to add extra padding on the left of the text.

Expected behavior Code block should wrap or be scrollable without causing the rest of the document to be out of the view

Screenshots Full Width - Non Overflow

Full Width - Overflow

Markdown file in viewer

Server details:

• Collectives app version: 3.3.0
• Nextcloud version: Nextcloud Hub 25 Autumn (32.0.1) - AIO instance
• PHP Version: 8.3.27
• Database: PostgreSQL 17.6 on x86_64-pc-linux-musl, compiled by gcc (Alpine 14.2.0) 14.2.0, 64-bit

Client details:

• OS: Windows, Ubuntu

• Browser: Firefox, Chrome

• Browser version: Firefox Browser 145.0 (64-bit) Chrome Version 142.0.7444.162 (Official Build) (64-bit)

• Device: Desktop (100% zoom on 1920x1080 resolution)

Logs

Nextcloud log (data/nextcloud.log)

nextcloud.log

Browser log

nextcloud-browser.log

[max-nextcloud]

This also seems to be an issue with the full width view in the text app itself (limited width is fine).

So I will move the issue to the text repository and add some details to the description.