(Comments) GridSuggestionMenuController clipped in parent

What’s broken?

When we want to add a emoji thanks to the shortcut ":", the modal is clipped inside the parent, the "comment" in this occurence.
Could we fix it as we did for this issue: #2053.

BlockNote/packages/react/src/editor/BlockNoteDefaultUI.tsx

Lines 103 to 107 in b63b409

    
           <GridSuggestionMenuController 
        
             triggerCharacter=":" 
        
             columns={10} 
        
             minQueryLength={2} 
        
           />

Reproduce

You can reproduce here: https://www.blocknotejs.org/examples/collaboration/comments

What did you expect to happen?

To not be clipped in the parent, in a similar fashion as this one, with createPortal I guess. #2053

Sponsor

I'm a sponsor and would appreciate if you could look into this sooner than later 💖

Thanks, we'll look into a consistent fix for all popovers

Navigation Menu

Repository navigation

(Comments) GridSuggestionMenuController clipped in parent #2578

What’s broken?

Reproduce

What did you expect to happen?

Sponsor

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

	<GridSuggestionMenuController
	triggerCharacter=":"
	columns={10}
	minQueryLength={2}
	/>

(Comments) GridSuggestionMenuController clipped in parent #2578

Description

What’s broken?

Reproduce

What did you expect to happen?

Sponsor

Activity

YousefED commented on Mar 23, 2026

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions