Introduction
I think you should stop displaying SVG vector images and replace them with pre-rendered PNG counterparts instead.
Otherwise the results may somethime completely ruin the reading experience. Please see the attachments.
Steps to replicate the issue (include links if applicable):
- Open Polish "Substancja psychoaktywna" article
- Scroll down to "Diagram section"
- Observe the rendering of an diagram image shown in this section.
What happens?:
The diagram seems to be rendered as a pure SVG and the display gets completely wako.
Labels are distorted and placed in a completely wrong position. Image spans way into horizontal causing reader to allow user to scroll the article in both portrait and horizontal direction (the second one is not normally possible).
What should have happened instead?:
The image should be rendered as PNG or any other precautions should be taken to not disorder the reader viewport.
Software version (skip for WMF-hosted wikis like Wikipedia):
- Wikipedia for Android: 2.7.50441-r-2023-04-20
- Phone: Doogee N30
- Android: 10 (DOOGEE-N30-20200721 / 4.9.190 Kernel Version)
Other information (browser name/version, screenshots, etc.):
