긴 각주를 스크롤할 수 있을까요?

one1 · 8월 9, 2026, 3:16오전

각주 팝업의 스크롤 가능 여부를 고려해 본 적이 있는지 궁금합니다. ^[1] 를 참고해 주세요. 총 4단락으로 구성되어 있습니다.

물론 긴 각주는 그 자체로 좋은 아이디어는 아닙니다. 팝업 대신 끝주(end notes)를 사용하는 것도 하나의 해결책이 될 수 있습니다. 하지만 이는 사이트 전체 설정 사항이므로 개별 게시글에서는 선택할 수 있는 옵션이 아닙니다.

또한 인용된 단락 관련 버그가 있습니다. 보통 빈 줄에 >만 입력하면 인용된 빈 줄을 만들 수 있습니다. 필요하면 이 문제에 대해 새로운 이슈를 만들 수 있습니다.

관련이 있을 수 있는 문제(해결되지 않음?): Problems with scrolling on mobile footnote

1단락 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ultricies porta tincidunt. Phasellus vitae luctus nulla. Proin condimentum urna at leo consectetur, sit amet finibus eros rhoncus. Vestibulum sed congue nisi. Nam molestie tortor vitae risus finibus hendrerit. Nunc nec varius nibh. Maecenas vel neque dui. Praesent vel maximus justo, et rutrum eros. Aliquam ultricies lorem lorem, vitae commodo diam mollis quis. Nunc vitae tortor convallis, rutrum augue id, vestibulum tellus. Pellentesque accumsan nec eros quis dapibus.

2단락 Sed in augue est. Mauris eget arcu nunc. Fusce feugiat metus vel libero imperdiet ultricies. Ut auctor nulla mollis pulvinar suscipit. Ut bibendum mi rhoncus tortor porttitor, sit amet maximus massa aliquam. Ut maximus orci et elit aliquet ullamcorper. Ut a odio ex. Proin scelerisque, neque eu tincidunt euismod, sapien lectus bibendum risus, vitae fringilla turpis lacus a elit. Proin sed nisi aliquet, tincidunt lectus porttitor, congue lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut sem risus, molestie eu purus dapibus, gravida tristique mi.

3단락 Quisque iaculis, lectus at condimentum volutpat, tortor arcu maximus enim, eget ultricies justo ante vitae lorem. Nam rhoncus varius bibendum. Donec accumsan justo tincidunt nisl dignissim rutrum. Curabitur suscipit malesuada condimentum. Sed odio magna, commodo nec ligula tincidunt, vehicula ornare neque. Vestibulum ut placerat nisl, vel dapibus risus. Integer felis dolor, auctor quis nisl non, placerat auctor velit. Mauris nunc ipsum, sollicitudin quis feugiat eget, rutrum nec lorem. Mauris ullamcorper eros eget erat consequat elementum. Aliquam a arcu vel nisl tincidunt viverra. Phasellus id libero sit amet turpis pretium pulvinar vitae vel dui. Vivamus vel mi at enim facilisis euismod. Nam aliquet venenatis ligula, quis porttitor lectus hendrerit vitae. Donec blandit volutpat arcu, et luctus risus.

4단락 Nullam congue quis nulla tristique feugiat. Donec volutpat eleifend sem, nec ornare nunc gravida vitae. In ac imperdiet nibh, vitae mattis nisi. Phasellus vel dolor nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris id elementum enim, quis dignissim nunc. Phasellus laoreet sit amet nisl at egestas. Cras eget gravida erat. Proin eleifend vestibulum dignissim. Aenean auctor lectus id tincidunt luctus. Pellentesque scelerisque sodales dui dictum pellentesque. ↩︎

Lilly · 8월 9, 2026, 3:17오전

이 문제에 대해 별도의 Contribute > Bug 토픽을 게시해 주세요.

Canapin · 8월 10, 2026, 4:56오후

네, 모바일에서 버벅거림이 심하네요.

Jagster · 8월 10, 2026, 5:17오후

주로 각주를 많이 사용하는데, 예를 들어 AI 설명이나 비슷한 내용을 표시할 때 그렇습니다. 그리고 그런 각주는 꽤 긴 텍스트인 경우가 많습니다. 그래서 그런 긴 텍스트를 스크롤 가능하게 만드는 것이 저에게는 매우 중요해요

one1 · 8월 11, 2026, 2:51오전

중요한지 모르겠지만 @Jagster와 @Canapin, 이 주제에 업보트를 눌러주실 수 있나요?

(개발진: 이 업보트가 실제로 의미가 있나요?)

zogstrip · 8월 11, 2026, 1:45오후

이로써 긴 각주가 더 잘 표시되기를 바랍니다

github.com/discourse/discourse

UX: Keep tooltips within the viewport and scroll their overflow (#42516)

main ← constrain-tooltips-to-viewport

merged 07:11AM - 12 Aug 26 UTC

ZogStriP

+223 -8

FloatKit gives a tooltip a fixed `maxWidth` and no height limit at all. That is …fine for the short labels most tooltips carry, but it breaks down as soon as one holds user content — footnotes, chat reaction lists and event descriptions all render arbitrary-length HTML into a tooltip, and the result is a popup bigger than the screen it has to fit on. Neither axis recovers on its own, because floating-ui's `shift` can only *move* a float, never shrink it. **Vertically** it clamps the popup flush under the header and leaves the rest below the fold. Because the float is re-anchored to its trigger on every scroll, its viewport rectangle never changes, so the hidden part cannot be reached by scrolling — the page just slides underneath it. Measured on a 390×664 phone with a long footnote: a 1557px popup with 945px permanently unreachable, and swiping inside it scrolled the page from 871 to 1381 while revealing nothing. **Horizontally** the same clamp pins a 350px popup 10px from the left edge of a 320px screen, so the overflow joins the document's scrollable area and the whole page — header included — can be panned sideways (42px, growing with each pan). ## What changed - `.fk-d-tooltip__inner-content` is bounded to `60dvh` and scrolls, which is what menus have done since they gained `overflow: auto`. Tooltips kept the `overflow: hidden` they were born with and were simply never revisited, so the asymmetry was drift rather than a decision. - Alignment becomes `align-items: safe center` at the same time. The cross axis is the one being capped, so plain `center` would centre content that is too tall and push its first lines above the scrollport, where scrolling cannot follow — measured at 830px out of reach. - `maxWidth` is clamped against the space the viewport actually leaves, derived from the same padding `shift` keeps clear so the two cannot disagree. - Only *numeric* `maxWidth` values are clamped. The option also accepts CSS keywords (the user card passes `unset`), and wrapping a keyword in `min()` is invalid CSS — the browser would drop the declaration and hand the float to whatever stylesheet rule was previously being overridden. `overflow-x` stays `hidden` rather than becoming `auto`: the same rule carries `overflow-wrap: break-word`, so `auto` on both axes would give tooltips a horizontal scrollbar for unbreakable content. ## Before / after A long footnote on a 390px-wide phone, and the same popup after swiping inside it: | | Before | After | |---|---|---| | popup height | 1557px | 400px | | clipped below the fold | 945px | 0 | | scrollable | no | yes (1157px of scroll) | | swiping inside it | scrolls the page, popup unchanged | scrolls the footnote, page stays put | | 320px screen | 352px wide, page pans 42px | 302px wide, no pan | <img width="844" height="751" alt="footnote-height-before-after" src="https://github.com/user-attachments/assets/64a8107d-47c2-45f9-9a77-75f121ec8b8f" /> <img width="844" height="782" alt="footnote-narrow-before-after" src="https://github.com/user-attachments/assets/6dbfffaf-2885-4836-b020-3ee2d31ecfcb" /> <img width="844" height="751" alt="footnote-scroll-before-after" src="https://github.com/user-attachments/assets/9b0dade9-0238-4e44-b10f-2d48bbe0da57" /> ## Testing - `d-tooltip-test.gjs` gains a height/scroll test and a keyword-`maxWidth` test, and the two numeric `maxWidth` cases are folded into one. Each new assertion was checked to fail against the specific declaration it guards: dropping `safe`, `box-sizing`, or `max-height` each turn the scroll test red, and wrapping keywords in `min()` turns the keyword test red. - A footnote system spec covers the end-to-end mobile case at 320px — real cooked content, real touch scroll, and the document-level horizontal overflow that a rendering test cannot observe. - Ran the tooltip- and menu-heavy core system specs (cards, user tips, filter navigation, styleguide, localization menus, composer, bookmarks, chat reactions, calendar) — ~200 examples, no new failures.

one1 · 8월 11, 2026, 2:53오후

정말 감사합니다. 정말 멋진 커뮤니티네요.

글		댓글	조회수
Footnote popup on mobile is partially off‑screen and does not scroll; the long footnotes cannot be viewed Bug mobile , footnote , ux	2	86	8월 17, 2026
Problems with scrolling on mobile footnote UX footnote	2	610	8월 11, 2026
Longer footnote is stuck to the right of the screen, causing the page to be sidescrolled Bug footnote , fixed	1	136	10월 22, 2024
Footnotes are not horizontally scrollable, yet their CSS does not force `white-space: pre-wrap; word-wrap: break-word;` Bug footnote	4	227	11월 7, 2025
Paragraphs containing inline footnotes use a smaller font on Chrome on Android Bug	21	1824	12월 8, 2021

긴 각주를 스크롤할 수 있을까요?

Related topics