The issue of web page adaptation on mobile devices #133

Open
opened 2026-02-16 11:19:50 -05:00 by yindo · 1 comment
Owner

Originally created by @Wystan0608 on GitHub (Mar 31, 2025).

When opening the published page on mobile devices, the following issues exist:

  1. The page is not fully displayed, and sometimes the input box is out of the visible range.
  2. The page cannot be scrolled. When the conversation is long, it is not possible to scroll the page to view the content.
Originally created by @Wystan0608 on GitHub (Mar 31, 2025). When opening the published page on mobile devices, the following issues exist: 1. The page is not fully displayed, and sometimes the input box is out of the visible range. 2. The page cannot be scrolled. When the conversation is long, it is not possible to scroll the page to view the content.
yindo added the bug label 2026-02-16 11:19:50 -05:00
Author
Owner

@dosubot[bot] commented on GitHub (Mar 31, 2025):

Hey @Almostlover0608! I'm here to help you with any bugs, questions, or contributions you have. Let's work together to solve this issue. Dosu

The issue with the page not being fully displayed and the inability to scroll on mobile devices is likely due to the CSS overflow property set to hidden on the body element. This prevents scrolling and can cause content to be out of view. Here's the relevant CSS snippet:

body {
    background-color: black;
    color: white;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

To resolve these issues, you can change overflow: hidden; to overflow: auto; or overflow: scroll; to allow scrolling on the page [1].

To continue talking to Dosu, mention @dosu.


Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Bug Report | Other

@dosubot[bot] commented on GitHub (Mar 31, 2025): <!-- Greeting --> Hey @Almostlover0608! I'm here to help you with any bugs, questions, or contributions you have. Let's work together to solve this issue. [Dosu](https://dosu.dev) <!-- Answer --> The issue with the page not being fully displayed and the inability to scroll on mobile devices is likely due to the CSS `overflow` property set to `hidden` on the `body` element. This prevents scrolling and can cause content to be out of view. Here's the relevant CSS snippet: ```css body { background-color: black; color: white; overflow: hidden; margin: 0; padding: 0; } ``` To resolve these issues, you can change `overflow: hidden;` to `overflow: auto;` or `overflow: scroll;` to allow scrolling on the page <sup>[[1]](https://github.com/langgenius/dify-docs/blob/main/zh_CN/plugins/quick-start/develop-plugins/extension-plugin.md)</sup>. <!-- Dosu Comment Footer --> *To continue talking to [Dosu](https://dosu.dev), mention @dosu.* --- <sup>Help Dosu learn! Give it feedback: [Great Response](https://app.dosu.dev/response-feedback/6c7ddbc3-fc79-46ea-a254-2a1fb2f7684d?feedback_type=great_response) | [Irrelevant Answer](https://app.dosu.dev/response-feedback/6c7ddbc3-fc79-46ea-a254-2a1fb2f7684d?feedback_type=irrelevant_answer) | [Incorrect Sources](https://app.dosu.dev/response-feedback/6c7ddbc3-fc79-46ea-a254-2a1fb2f7684d?feedback_type=incorrect_sources) | [Too Verbose](https://app.dosu.dev/response-feedback/6c7ddbc3-fc79-46ea-a254-2a1fb2f7684d?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/6c7ddbc3-fc79-46ea-a254-2a1fb2f7684d?feedback_type=hallucination) | [Bug Report](https://app.dosu.dev/response-feedback/6c7ddbc3-fc79-46ea-a254-2a1fb2f7684d?feedback_type=bug_report) | [Other](https://app.dosu.dev/response-feedback/6c7ddbc3-fc79-46ea-a254-2a1fb2f7684d?feedback_type=other)</sup>
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify-docs-archived#133