Mobile Web App missing action buttons (like, dislike, copy, regenerate, edit) which are present on PC
- Dominant language
- TypeScript
- Stars
- 156k
- Forks
- 24.6k
- Avg merge
- 22h 9m
- Merged PRs (30d)
- 610
Description
### 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
v.1.17.0
### Cloud or Self Hosted
Self Hosted (Source), Self Hosted (Docker), Cloud
### Steps to reproduce
1.Publish a Dify web application (Chatflow or Agent or Chat based).
2.Open the published web app URL on a mobile device (e.g., iPhone with Safari, or Android with Chrome).
3.Send a message to start a conversation.
4.Observe the message bubbles from both the user and the AI assistant.
### ✔️ Expected Behavior
On mobile devices, the action buttons (like, dislike, copy, regenerate for AI messages; edit and copy for user messages) should be visible and accessible, similar to the desktop (PC) experience. The web app is expected to adapt to different screen sizes.
### ❌ Actual Behavior
On mobile devices, these action buttons are missing entirely from both the AI's response messages and the user's input messages. However, when accessing the exact same web app URL from a PC browser, all buttons are displayed and function correctly.
AI Message Missing:
👍 Like (Thumbs up)
👎 Dislike (Thumbs down)
📋 Copy
🔄 Regenerate
User Message Missing:
✏️ Edit
📋 Copy
Contributor guide
Research direction
Reproduce the published web app on a mobile browser, then compare the message bubbles with their desktop rendering to locate the responsive action controls. Confirm that AI like, dislike, copy, and regenerate actions and user edit and copy actions are visible and functional on mobile without changing the desktop behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nextjs, typescript
- Domain
- frontend, mobile-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100