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:
@@ -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 = ({
|
||||
|
||||
Reference in New Issue
Block a user