IDが「skip-links__container」のDivが、縦向きでヘッダーの上に画面上部に表示される

awesomerobot · 2026 年 1 月 12 日午後 6:58

ご報告ありがとうございます！リンクテキストが複数行にわたるケースをカバーするために、もう少し負のマージンが必要でした。修正は次回Discourseを更新した際に利用可能になります。

github.com/discourse/discourse

A11Y: ensure skip links are hidden for locales with longer words

main ← a11y-skip-link-wrap

opened 06:56PM - 12 Jan 26 UTC

awesomerobot

+1 -8

Reported here https://meta.discourse.org/t/div-with-id-skip-links-container-app…ear-at-top-of-the-screen-above-header-in-vertical-orientation/393118 <img width="450" height="1000" alt="image" src="https://github.com/user-attachments/assets/ad35636c-25eb-4a2a-bcc6-1179e486f5dd" /> When skip link contents wrap (lots of text, narrow window) they can unintentionally become partially visible — increasing the negative margin will ensure to cover this for two lines of text Also removed some CSS from the parent container that appears to be unnecessary

トピック		返信	表示
Links on top of "about" are cut depending on wording UX about-page , fixed	5	437	2026 年 2 月 28 日
'Skip to main content : post x' has weird spacing and characters UX mobile	2	52	2025 年 12 月 19 日
Too many links cause horizontal overflow UX custom-header-links	1	246	2023 年 7 月 11 日
Browser flies to random spot on deleted links UX	5	323	2023 年 3 月 11 日
Horizontal Scroll on mobile Bug	12	3455	2016 年 1 月 23 日

IDが「skip-links__container」のDivが、縦向きでヘッダーの上に画面上部に表示される

関連トピック