<p></p>
<h3 dir="auto">Problem</h3>
<p dir="auto">While working on <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2432497278" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/5023" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/5023/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/5023">#5023</a> we noticed that bar with error / warning / notice messages is often not visible, especially on small screens, so, it's not much usable in situations when page is not fully reloaded, and error occurs on some user action (in case of <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2432497278" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/5023" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/5023/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/5023">#5023</a>, when user tries to Preview and body is empty).</p>
<h3 dir="auto">Description</h3>
<p dir="auto">We could improve current behavior by putting header and (or only) errors / warnings / notices bar (defined in app/views/layouts/_flash.html.erb) on the top (anchored), thus making them always visible.</p>
<p dir="auto">What do you think is the best approach?</p>
<h3 dir="auto">Screenshots</h3>
<p dir="auto">At the moment:<br>
<a href="https://github.com/user-attachments/assets/c1c9ac49-83ee-441f-a831-e4e574ef4ccd">image.png (view on web)</a><br>
Proposal:<br>
<a href="https://github.com/user-attachments/assets/64f54009-57b5-49d7-b74a-6edb07b7b66b">image.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/issues/5032">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLMI3VCLQ2K2R4O32DDZO5TZBAVCNFSM6AAAAABLWCKXSKVHI2DSMVQWIX3LMV43ASLTON2WKOZSGQZTONBZGQ3TONY">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLLCMNY6KUVQMPI4CA3ZO5TZBA5CNFSM6AAAAABLWCKXSKWGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHJCSJX7E.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/issues/5032</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/issues/5032",
"url": "https://github.com/openstreetmap/openstreetmap-website/issues/5032",
"name": "View Issue"
},
"description": "View this Issue on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>