<div style="display: flex; flex-wrap: wrap; white-space: pre-wrap; align-items: center; "><img height="20" width="20" style="border-radius:50%; margin-right: 4px;" decoding="async" src="https://avatars.githubusercontent.com/u/4158490?s=20&v=4" /><strong>AntonKhorev</strong> left a comment <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6103#issuecomment-2975591949">(openstreetmap/openstreetmap-website#6103)</a></div>
<p dir="auto">I tried using Bootstrap dropdown for this months ago. Results are significantly worse.</p>
<p dir="auto">Your small screen is not small enough, and browser dev tools make it look larger by not showing parts of the screen space taken by various ui elements on an actual phone.</p>
<p dir="auto">This is how a native <code class="notranslate"><select></code> looks like:<br>
<a href="https://github.com/user-attachments/assets/0189c373-fed2-48af-84b8-5fcd2a737ce4">Screenshot_20250616-112502.png (view on web)</a></p>
<p dir="auto">This is Bootstrap, with the dropdown not fitting on the screen:<br>
<a href="https://github.com/user-attachments/assets/a302ee71-2ea7-4861-9b9d-8ce3b824f58c">Screenshot_20250616-112646.png (view on web)</a></p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6103#issuecomment-2975591949">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLKYXKDCXQP53HZVL7L3DZ6UNAVCNFSM6AAAAAB7LEH3PWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDSNZVGU4TCOJUHE">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLLPNK4NOBHYIMFZVWT3DZ6UNA5CNFSM6AAAAAB7LEH3PWWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTVRLPXA2.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/6103/c2975591949</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>

<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/6103#issuecomment-2975591949",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/6103#issuecomment-2975591949",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>