fix: prevent image upload panel from being clipped in side panel (#19572)

fixes:   #19571 
## Summary:
- BlockNote's file upload/embed panel (.bn-panel) has a hardcoded width:
500px that overflows the side panel's overflow: hidden containers,
causing the Upload/Embed UI to be cut off
<img width="636" height="364" alt="image"
src="https://github.com/user-attachments/assets/4ec501c6-409c-4a86-a5b3-2c5f104c94f1"
/>

## Before
<img width="464" height="660" alt="image"
src="https://github.com/user-attachments/assets/3364e20e-6194-4c5d-b16f-9541cc11bfd7"
/>

## After
**Same width with "Add Image" button** ( same in the video,audio upload
<img width="444" height="665" alt="image"
src="https://github.com/user-attachments/assets/369a6974-a986-44ab-a38a-a717a8f978c0"
/>
This commit is contained in:
BugIsGod
2026-04-13 08:01:07 +01:00
committed by GitHub
parent 4e46aa32bb
commit c73cdd0844
@@ -130,6 +130,14 @@ const StyledEditor = styled.div`
font-size: 0.9rem;
padding: 2px 4px;
}
& .bn-mantine {
container-type: inline-size;
}
& .bn-mantine .bn-panel {
width: 100cqi;
}
`;
export const BlockEditor = ({