Is your feature request related to a problem? Please describe.
We can have lot of comments in a thread, so we add a scroller inside the Thread, we can have the input at the bottom easily accessible as well like that.
The problem with that is the EmojiPicker is clipped inside the Thread container, so part of it is hidden and not easily accessible.
Describe the solution you'd like
An easy solution would be to use createPortal around the EmojiPicker, to have the modal floating above the container: https://react.dev/reference/react-dom/createPortal#rendering-a-modal-dialog-with-a-portal
The problematic EmojiPicker are these 2:
Bonus
Is your feature request related to a problem? Please describe.
We can have lot of comments in a thread, so we add a scroller inside the Thread, we can have the input at the bottom easily accessible as well like that.
The problem with that is the EmojiPicker is clipped inside the Thread container, so part of it is hidden and not easily accessible.
Describe the solution you'd like
An easy solution would be to use
createPortalaround the EmojiPicker, to have the modal floating above the container: https://react.dev/reference/react-dom/createPortal#rendering-a-modal-dialog-with-a-portalThe problematic EmojiPicker are these 2:
BlockNote/packages/react/src/components/Comments/Comment.tsx
Line 165 in ac38a1b
BlockNote/packages/react/src/components/Comments/Comment.tsx
Line 277 in ac38a1b
Bonus