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	3	412	2024 年 12 月 1 日
'Skip to main content : post x' has weird spacing and characters UX mobile	2	41	2025 年 12 月 19 日
Horizontal Scroll on mobile Bug	12	3454	2016 年 1 月 23 日
Too many links cause horizontal overflow UX custom-header-links	1	244	2023 年 7 月 11 日
Browser flies to random spot on deleted links UX	5	322	2023 年 3 月 11 日

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

関連トピック