builder icon indicating copy to clipboard operation
builder copied to clipboard

Edit block popup has a layout shift when clicking on accordion

Open cadamsdev opened this issue 2 years ago • 0 comments

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:

  1. 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
					}
				]
			}
		]
	},
];

  1. Drag and drop the component onto a page
  2. Hover over the custom component click "Edit"
  3. 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 2024-01-11 17 53 11

Additional context Add any other context about the problem here.

cadamsdev avatar Jan 11 '24 21:01 cadamsdev