<p></p>
<blockquote>
<p>This PR does fix the problem. However, it does so by making the <code>map-ui</code> panel always 50% of screen height, even if it is the only open panel (Currently if the <code>map-ui</code> panel is shown alone, it is full height). For reference, the <code>sidebar</code> is always 50% height on small screens.</p>
<p>So it fixes the problem described, but with the downside that the <code>map-ui</code> panels are always smaller (and so need to be scrolled more often, and options on the layer switcher will be usually hidden).</p>
</blockquote>
<p>Given the above mentioned limitations, I'm going to close this PR. Alternative solutions to <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="231846481" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/1551" data-hovercard-type="issue" data-hovercard-url="/openstreetmap/openstreetmap-website/issues/1551/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/issues/1551">#1551</a> are of course welcome.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />You are receiving this because you are subscribed to this thread.<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/1569#issuecomment-653789616">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLMUAYZQL4Y22TOKFD3RZ5OT5ANCNFSM4DRDSHNA">unsubscribe</a>.<img src="https://github.com/notifications/beacon/AAK2OLM45HYSDYXKXXDZG7DRZ5OT5A5CNFSM4DRDSHNKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOE34ATMA.gif" height="1" width="1" alt="" /></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/1569#issuecomment-653789616",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/1569#issuecomment-653789616",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>