Message: SyntaxHighlighter Code block does not respect the container width - Githubissues

Automattic / themes

Free WordPress themes made by Automattic for WordPress.org and WordPress.com.

https://themeshaper.com

GNU General Public License v2.0

898 stars 356 forks source link

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

Open Robertght opened 1 week ago

Robertght commented 1 week ago

Quick summary

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

Steps to reproduce

Create a post
Add the SyntaxHighlighter Code block
Insert content in it
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

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

I couldn't replicate this on a atomic site.
This originated while testing this one https://github.com/Automattic/themes/issues/8239

sixhours commented 3 days ago

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.