Force wrapping of wide code words #2649
Description
Bug description
On my quarto blog site, on mobile and with very narrow browser windows, there is a lot of space on the right hand side that enables you to “scroll right” to see things off the page. This seems to be needed because I have a few very wide inline code words (like "/Library/Frameworks/R.framework/Versions/Current/Resources/library/cpp11/include" in the below video)
This actually tends to be very annoying, especially on mobile where it is easy to accidentally swipe right-ish instead of just down. It would be nice if the default was to wrap this instead.
Here is a link to the blog post:
https://blog.davisvaughan.com/posts/2022-03-11-using-vs-code-to-debug-r-packages-with-c-code/
Here is a video of this in action:
https://user-images.githubusercontent.com/19150088/192817190-96ace542-2924-46e4-9dc1-1fc1c2a61a45.mov
Garrick suggested I could use this:
p code:not(.sourceCode) {
white-space: pre-wrap;
}
He showed this image that does suggest that it works
We both think it might be nicer to have this as the default though
Quarto v1.2.161 (through qvm)
RStudio 2022.11.0-daily+221 "Elsbeth Geranium" Daily (c11dacb8207aceb03a4e7f11cf0f39360a0733d5, 2022-09-27) for macOS
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) RStudio/2022.11.0-daily+221 Chrome/102.0.5005.167 Electron/19.0.10 Safari/537.36
Checklist
- Please include a minimal, fully reproducible example in a single .qmd file? Please provide the whole file rather than the snippet you believe is causing the issue.
- Please format your issue so it is easier for us to read the bug report.
- Please document the RStudio IDE version you're running (if applicable), by providing the value displayed in the "About RStudio" main menu dialog?
- Please document the operating system you're running. If on Linux, please provide the specific distribution.