Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork66
Description
Steps to reproduce
- On mobile, go tohttps://docs.python.org/3.13/whatsnew/3.12.html
I'm using Android / Samsung S20 / Chrome, can also repro in macOS / Chrome desktop emulating mobile with at least iPhone SE.
Expected result
Page fits in screen width, no horizontal scroll.
Actual result
You can scroll horizontally to the right and see blank bit of page:
This is caused by long code literals that don't wrap:
https://docs.python.org/3.13/whatsnew/3.12.html#asyncio
Possible fix
Addingoverflow-wrap: break-word
tospan.pre
and changingwhite-space: nowrap
to something else (e.g.unset
) can help:
Re:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_text/Wrapping_breaking_text
Thiswhite-space: nowrap
CSS comes fromhttps://docs.python.org/3.13/_static/basic.css which is from Sphinx:
Should we fix it in Sphinx?
And we're several releases behind Sphinx and will be for a while (for example:python/cpython#104818 (comment)).
Should we instead/also put an override in this theme?