Chunk detail preview cannot scroll content #20372

Closed
opened 2026-02-21 20:07:04 -05:00 by yindo · 1 comment
Owner

Originally created by @DavideDelbianco on GitHub (Nov 17, 2025).

Originally assigned to: @WTW0313 on GitHub.

Self Checks

  • I have read the Contributing Guide and Language Policy.
  • This is only for bug report, if you would like to ask a question, please head to Discussions.
  • I have searched for existing issues search for existing issues, including closed ones.
  • I confirm that I am using English to submit this report, otherwise it will be closed.
  • 【中文用户 & Non English User】请使用英语提交,否则会被关闭 :)
  • Please do not modify this template :) and fill in all the required fields.

Dify version

1.9.2

Cloud or Self Hosted

Self Hosted (Docker)

Steps to reproduce

Have a long document indexed in parent-child (full-doc)

✔️ Expected Behavior

should be able to preview the entire document

Actual Behavior

the preview windows lacks a scrollbar

Originally created by @DavideDelbianco on GitHub (Nov 17, 2025). Originally assigned to: @WTW0313 on GitHub. ### Self Checks - [x] I have read the [Contributing Guide](https://github.com/langgenius/dify/blob/main/CONTRIBUTING.md) and [Language Policy](https://github.com/langgenius/dify/issues/1542). - [x] This is only for bug report, if you would like to ask a question, please head to [Discussions](https://github.com/langgenius/dify/discussions/categories/general). - [x] I have searched for existing issues [search for existing issues](https://github.com/langgenius/dify/issues), including closed ones. - [x] I confirm that I am using English to submit this report, otherwise it will be closed. - [x] 【中文用户 & Non English User】请使用英语提交,否则会被关闭 :) - [x] Please do not modify this template :) and fill in all the required fields. ### Dify version 1.9.2 ### Cloud or Self Hosted Self Hosted (Docker) ### Steps to reproduce Have a long document indexed in parent-child (full-doc) ### ✔️ Expected Behavior should be able to preview the entire document ### ❌ Actual Behavior the preview windows lacks a scrollbar
yindo added the 🐞 bug label 2026-02-21 20:07:04 -05:00
yindo closed this issue 2026-02-21 20:07:04 -05:00
Author
Owner

@dosubot[bot] commented on GitHub (Nov 17, 2025):

This scrollbar issue in the chunk detail preview window is tracked in an open GitHub issue (#1542). The root cause appears to be how the SegmentDetail component applies CSS classes: in view mode, it should use overflow-y-auto to enable scrolling, but in some states or modes, it may use overflow-hidden or miss the scrollable class, preventing the scrollbar from appearing. A similar scrollbar fix was recently applied to another modal by adding overflow-y-auto and a max height to the container. As a workaround, you can try editing the relevant container div in SegmentDetail to ensure it always uses overflow-y-auto when displaying long content, and consider setting a max-h-[calc(100vh-20px)] style to limit the height and trigger scrolling when needed.

References:

To reply, just mention @dosu.


How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other  Chat with Dosu Join Discord Share on X

@dosubot[bot] commented on GitHub (Nov 17, 2025): <!-- Answer --> This scrollbar issue in the chunk detail preview window is tracked in an open GitHub issue (#1542). The root cause appears to be how the SegmentDetail component applies CSS classes: in view mode, it should use `overflow-y-auto` to enable scrolling, but in some states or modes, it may use `overflow-hidden` or miss the scrollable class, preventing the scrollbar from appearing. A similar scrollbar fix was recently applied to another modal by adding `overflow-y-auto` and a max height to the container. As a workaround, you can try editing the relevant container div in `SegmentDetail` to ensure it always uses `overflow-y-auto` when displaying long content, and consider setting a `max-h-[calc(100vh-20px)]` style to limit the height and trigger scrolling when needed. References: - [SegmentDetail component code](https://github.com/langgenius/dify/blob/ad7fdd18d00afd8127467c32c6b11a37102845af/web/app/components/datasets/documents/detail/completed/segment-detail.tsx#L36-L182) - [Recent scrollbar fix in another modal](https://github.com/langgenius/dify/pull/27620) <!-- Dosu Comment Footer --> *To reply, just mention [@dosu](https://go.dosu.dev/dosubot).* --- <sup>How did I do? [Good](https://app.dosu.dev/response-feedback/ccd42a0a-8e2e-4e3a-96c9-36c3bc0ab7af?feedback_type=great_response) | [Irrelevant](https://app.dosu.dev/response-feedback/ccd42a0a-8e2e-4e3a-96c9-36c3bc0ab7af?feedback_type=irrelevant_answer) | [Incorrect](https://app.dosu.dev/response-feedback/ccd42a0a-8e2e-4e3a-96c9-36c3bc0ab7af?feedback_type=incorrect_sources) | [Verbose](https://app.dosu.dev/response-feedback/ccd42a0a-8e2e-4e3a-96c9-36c3bc0ab7af?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/ccd42a0a-8e2e-4e3a-96c9-36c3bc0ab7af?feedback_type=hallucination) | [Report 🐛](https://app.dosu.dev/response-feedback/ccd42a0a-8e2e-4e3a-96c9-36c3bc0ab7af?feedback_type=bug_report) | [Other](https://app.dosu.dev/response-feedback/ccd42a0a-8e2e-4e3a-96c9-36c3bc0ab7af?feedback_type=other)</sup>&nbsp;&nbsp;[![Chat with Dosu](https://dosu.dev/dosu-chat-badge.svg)](https://app.dosu.dev/6088a4f4-073a-43f3-b3d4-4f06fb0c05a0/ask?utm_source=github)&nbsp;[![Join Discord](https://img.shields.io/badge/join-5865F2?logo=discord&logoColor=white&label=)](https://go.dosu.dev/discord-bot)&nbsp;[![Share on X](https://img.shields.io/badge/X-share-black)](https://twitter.com/intent/tweet?text=%40dosu_ai%20helped%20me%20solve%20this%20issue!&url=https%3A//github.com/langgenius/dify/issues/28299)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#20372