Under certain conditions like usage of wide screens, screen zoom-factors grater than 100% and (required) extra wide images like panorama images the content-area width exceeds the default width. This occurs only for the Vector-2022 skin on all modern browsers. It seems to be a css grid-colums layout mistake. It occurs sometimes if special screen zoom factors or revision-history comparison is used.
Steps to replicate the issue (include links if applicable):
- Use for instance https://de.wikivoyage.org/w/index.php?title=Freiburg_im_Breisgau&curid=3691&diff=1474781&oldid=1466519
What happens?:
- The screen output exceeds the limit of the screen.
See for instance https://commons.wikimedia.org/wiki/File:WV-Screenshot_Freiburg67%25.png
- It seems that overflow CSS rules are not working correctly for extra-wide images.
What should have happened instead?:
- The dafault page width should be kept.
Software version (skip for WMF-hosted wikis like Wikipedia):
Other information (browser name/version, screenshots, etc.):
- All browsers
- screen shot see above.
It seems that there is a corrupt CSS rule for the mw-page-container-inner class. It seems working if the following rule
@media screen and (min-width: 1200px) .vector-layout-grid .mw-page-container-inner { grid-template-columns: 284px 20px 1fr; }
is removed.