-
-
Notifications
You must be signed in to change notification settings - Fork 164
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
how can I wrap code blocks #491
Comments
A fix for this would be great as we rely on this for our work code and auto-wrap is critical for lines over, say, 1000 characters. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hi, I ran into an issue when rendering markdown with long code blocks, the entire jsx would overflow the parent component:
![image](https://user-images.githubusercontent.com/81259464/235266528-8de050ed-b7a4-4d6d-95fc-03ec3345331c.png)
If I use the
![image](https://user-images.githubusercontent.com/81259464/235266603-4de26388-e04d-40f9-8a9b-a97061cd060b.png)
forceInline: true
option, I get the desired wrapping effect but lost the code block styling:I also tried overriding the
pre
tag styles like this:But it seems that the override style is not merged with the default style, thus I lost the other unspecified styles for pre, resulting similar behavior as the previous screenshot:
![image](https://user-images.githubusercontent.com/81259464/235267072-d3ebc66d-163b-4f1d-bfd9-705aad11419f.png)
I also tried adding
![image](https://user-images.githubusercontent.com/81259464/235267393-0148eda0-2f25-4aed-a9f2-d05c2858126f.png)
overflow: auto
on the parent component so that I can at least scroll to the right to see the hidden part. But it's still not ideal because all other text will also overflow instead of wrap to the parent width, which make the content difficult to read:Does anyone have any suggestions? Thanks in advance!
The text was updated successfully, but these errors were encountered: