Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Message: SyntaxHighlighter Code block does not respect the container width #8247

Open
Robertght opened this issue Oct 8, 2024 · 1 comment · May be fixed by Automattic/syntaxhighlighter#278
Assignees
Labels
[Feature Group] Appearance & Themes Features related to the appearance of sites. [Platform] Simple [Pri] Normal Triaged [Type] Bug Something isn't working

Comments

@Robertght
Copy link

Quick summary

When using the SyntaxHighlighter Code block the content expands outside its container width

Steps to reproduce

  1. Create a post
  2. Add the SyntaxHighlighter Code block
  3. Insert content in it
  4. Check the results

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

The block should wrap the code

What actually happened

It displayed like this generating a lot of horizontal scroll

Image

Impact

Some (< 50%)

Available workarounds?

No but the platform is still usable

If the above answer is "Yes...", outline the workaround.

No response

Platform (Simple and/or Atomic)

Simple

Logs or notes

@sixhours
Copy link
Contributor

Started looking at this and .syntaxhighlighter { width: 100% !important } is clobbering all the theme's styles/restraints on width. We should probably fix that on the plugin side.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature Group] Appearance & Themes Features related to the appearance of sites. [Platform] Simple [Pri] Normal Triaged [Type] Bug Something isn't working
Projects
Development

Successfully merging a pull request may close this issue.

2 participants