chatbot mobile, message list can't scroll

[gaspire]

Self Checks

• [x] This is only for bug report, if you would like to ask a question, please head to Discussions.
• [x] I have searched for existing issues search for existing issues, including closed ones.
• [x] I confirm that I am using English to submit this report (我已阅读并同意 Language Policy).
• [x] [FOR CHINESE USERS] 请务必使用英文提交 Issue，否则会被关闭。谢谢！:）
• [x] Please do not modify this template :) and fill in all the required fields.

Dify version

main

Cloud or Self Hosted

Self Hosted (Docker)

Steps to reproduce

chatbot mobile, message list can't scroll

✔️ Expected Behavior

No response

❌ Actual Behavior

No response

[dosubot[bot]]

The issue you're experiencing with the mobile chat interface not scrolling could be related to how the chat container's height and overflow properties are configured. The chat container is set to take the full viewport height minus 60 pixels, with vertical scrolling enabled through the overflow-y-auto property ^[1].

To troubleshoot this issue, you might want to check if there are any CSS styles or JavaScript code that could be affecting the scrolling behavior. Additionally, ensure that the handleScrollToBottom function and InfiniteScroll component are correctly implemented, as they manage the scrolling functionality by automatically scrolling to the bottom and handling data loading when the user scrolls ^[2].

If the issue persists, reviewing any recent changes or commits related to scrolling in the mobile chat interface might provide further insights.

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}

[gaspire]

can't see the input

[gaspire]

add class: 'overflow-y-scroll ' do the job

[JiangYi07]

add class: 'overflow-y-scroll ' do the job

Where should I add the class?

[dosubot[bot]]

Hi, @gaspire. I'm Dosu, and I'm helping the Dify team manage their backlog. I'm marking this issue as stale.

Issue Summary:

• A bug was reported in the mobile interface of a self-hosted chatbot where the message list was not scrollable.
• A suggestion was made to check the chat container's height and overflow properties.
• You found a solution by adding the class 'overflow-y-scroll' to the chat container.
• The solution was acknowledged by "doufa" with a thumbs-up reaction.
• "JiangYi07" asked for clarification on where to add the class.

Next Steps:

• Please confirm if this issue is still relevant to the latest version of the Dify repository by commenting here.
• If there are no further updates, this issue will be automatically closed in 15 days.

Thank you for your understanding and contribution!