block-discussion Cannot display properly when the width is less than 935px

[weiquabit]

Description

Add a suggestion in the editor the 'floating-discussion' component displays normally when above 1000px. But when the width is 935px, 'block-discussion' does not display correctly and you need to edit the text for it to appear properly.

Reproduction URL

No response

Reproduction steps

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Plate version

51.0.0

Slate React version

19.2.0

Screenshots

Logs

Browsers

No response

[dosubot[bot]]

There’s currently no official documentation or built-in workaround for the 'block-discussion' component not displaying correctly below 935px. The docs don’t mention any responsive breakpoints or known issues for 'block-discussion' or 'floating-discussion' components, and there aren’t any open tickets tracking this specific problem [docs].

If you want to add a note for users, a clear suggestion would be:

“Block discussions may not display correctly on screens narrower than 935px. If you encounter display issues, try editing the text to force a re-render, or increase your window width.”

You could add this note to your app’s UI near the discussion feature, or in your own documentation for users. If you need a more robust fix, you may want to inspect or override the component’s CSS for better responsive handling.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[weiquabit]

On the page https://platejs.org/docs/components/suggestion-toolbar-button, in the Plate Plus example above, when I drag to reduce the width, the "block-discussion" also cannot display properly.

[felixfeng33]

@weiquabit Could you provide a reproduction video?

[weiquabit]

@weiquabit Could you provide a reproduction video?

https://github.com/user-attachments/assets/62988416-9075-4d41-b54e-f9f58f54d757