**BUGFIX: Fix text wrapping in AI slash menu input field. Text can only be written in one infinite line. This is not a good UX for serious prompting**

[oliverbarreto]

Describe the bug

Problem: When using the /AI slash menu, users can type in the "Ask anything" input field, but the text continues extending to the right instead of wrapping to the next line when reaching the end of the visible space.

This creates a poor user experience as users can scroll horizontally indefinitely. This should be a simple, jet POWERFUL FIX for UX/UI of AI features.

Goal: Fix the text wrapping behavior so that long text inputs wrap to the next line within the visible input field area, providing a better user experience for entering AI prompts.

Success Criteria:

• Text in the "Ask anything" input field wraps to the next line when reaching the end of the visible space
• No horizontal scrolling is needed for text input
• Input field maintains proper height to accommodate wrapped text
• UI remains responsive and user-friendly

To Reproduce

• follow the examples in the documentation to have up and running a basic Slash menu option for /AI.
• type a very long text
• you can also reproduce this very same effect in the examples in the documentation by typing a very long prompt, a serious prompt about a text, will continue typing in just one line:

1. Basic Example: https://www.blocknotejs.org/examples/ai/minimal
2. AI Playground: https://www.blocknotejs.org/examples/ai/playground
3. Adding AI Menus Items: https://www.blocknotejs.org/examples/ai/custom-ai-menu-items

Misc

• Node version: v20.19.1
• Package manager: npm
• Browser: Chrome
• I'm a sponsor and would appreciate if you could look into this sooner than later 💖
  I would like to but I am a solo dev enthusiast trying to build my own note taking app with your cool OSS project. 390 a month is way too much for a hobby.