builder
builder copied to clipboard
Edit block popup has a layout shift when clicking on accordion
Describe the bug The edit block popup has a layout shift when clicking on the accordion in a list.
To Reproduce Steps to reproduce the behavior:
- Create a custom component e.g
export const CUSTOM_COMPONENTS: CustomComponent[] = [
{
component: someComponent,
name: 'SomeComponent',
inputs: [
{
name: 'images',
type: 'list',
subFields: [
{
name: 'image',
type: 'file',
allowedFileTypes: ['jpeg', 'jpg', 'png'],
required: true
}
]
}
]
},
];
- Drag and drop the component onto a page
- Hover over the custom component click "Edit"
- You should see the edit block popup, click the accordion under "images" notice the popup's position is changed.
Expected behavior The popup should avoid changing position as it's an unpleasant UX.
Screenshots
Additional context Add any other context about the problem here.