suggestedQuestions too long exception

[nhlzh8708]

Self Checks

• 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 (我已阅读并同意 Language Policy).
• [FOR CHINESE USERS] 请务必使用英文提交 Issue，否则会被关闭。谢谢！:)
• Please do not modify this template :) and fill in all the required fields.

Dify version

1.2.0

Cloud or Self Hosted

Self Hosted (Docker)

Steps to reproduce

1. create chatflow and set openingQuestion about 200 char

2. preview or running ， suggested questions show exception

3. i don't no why web/app/components/base/chat/chat/answer/suggested-questions.tsx, change <div> to <button> in Feat: web app dark mode
   Feat: web app dark mode #14732

✔️ Expected Behavior

No response

❌ Actual Behavior

No response

[dosubot]

Hello @nhlzh8708! I'm Dosu, your friendly bot here to help you tackle bugs, answer questions, and guide you in becoming a contributor. I'm ready to assist you while we wait for a human maintainer. How can I help you today?

The exception you're encountering with suggested questions being too long is likely due to a constraint in the Dify chatflow configuration, which limits each suggested question to under 20 characters ^[1].

Regarding the change from <div> to <Button> in the suggested-questions.tsx file, this modification was part of the "Feat: web app dark mode" pull request. The Button component is designed to handle user interactions more effectively than a div, as it can trigger events like onClick and supports various styling options ^[2]. This change should not directly affect the character limit constraint but may impact how interactions with suggested questions are handled in the UI.

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}