I spent a good chunk of time on Friday and over the weekend attempting to reproduce this in MW-Vagrant, but could not; the dynamic map content loads and displays as expected. There must be some quirk in the Wikimedia production environment causing this. If anyone does manage to reproduce this locally, please add some steps in the description and I'll be very grateful!
Are MediaWiki.Common.js / MediaWiki.Common.css loaded for mobile version? Those are huge.
No just mobile.js and mobile.css (also check Minerva.js and Minerva.css)
https://zh.m.wikivoyage.org/w/index.php?title=MediaWiki:Mobile.css&action=edit looks like invalid CSS to me. It's missing a closing brace (}) at the end.
I can still reproduce this but only when the section is initially collapsed (ie. it seems the map does not get initialized properly when it is display:none'd at page load time). Not sure if that's what the task description was talking about or a different bug.
Steps to repro:
- in Chrome, open the dev toolbar and enable mobile mode
- visit https://zh.m.wikivoyage.org/wiki/%E7%AB%B9%E5%8C%97
- if the first section is not initially collapsed, collapse it and reload
- open the section
Couldn't reproduce it on an actual phone though.
Yes, this is a known issue for dynamically sized elements that are loaded via mw.hook (which loads fragments before they are added to the page dom). There are similar problems when you put maps or timedmediahandler within collapsed templates.