Skip to content

Code blocks overflow and don't scale properly #3228

@Shawanga

Description

@Shawanga

Have you checked that your issue isn't already filed?

  • I read through FAQ and searched through the past issues, none of which addressed my issue.
  • Yes, I have checked that this issue isn't already filed.

Bug description

Code blocks in blog posts overflow the container width and don't scale properly with page size, especially on mobile devices. Long lines of code extend beyond the viewport without proper wrapping or horizontal scrolling.

How to reproduce the bug

Problem: Code blocks in blog posts overflow the container width and don't scale properly with page size, especially on mobile devices. Long lines of code extend beyond the viewport without proper wrapping or horizontal scrolling. This affects <pre> and <code> elements.

Expected: Code blocks should scale responsively and wrap long lines or provide horizontal scrolling keeping content within the container boundaries

Steps to Reproduce: Create a blog post with a code block containing long lines of code (e.g., markdown) and vew the post on a mobile device or narrow browser window.

What operating system are you using?

Mac

Where are you seeing the problem on?

Deployed site

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions