The styles for Special:QrCode are loaded along with the JavaScript and so during page load the QR code shifts from below the form to the right. Also, for users without JS enabled, the styles are never loaded.
This should be fixed by moving the styles to a styles-only module, and loading it separately.
| Subject | Repo | Branch | Lines +/- | |
|---|---|---|---|---|
| SpecialQrCode: Load styles separately from JS module | mediawiki/extensions/UrlShortener | master | +13 -7 |
Change 1002928 had a related patch set uploaded (by MusikAnimal; author: MusikAnimal):
[mediawiki/extensions/UrlShortener@master] SpecialQrCode: Load styles separately from JS module
Change 1002928 merged by jenkins-bot:
[mediawiki/extensions/UrlShortener@master] SpecialQrCode: Load styles separately from JS module
Loading Special:QrCode and Special:UrlShortener in Firefox with and without JS, they both look the same to me, including after submitting the form.
Test environment: https://en.wikipedia.beta.wmflabs.org UrlShortener 1.2.0 (15b7bc2) 10:27, 13 February 2024.