Element Grid — overlapping items block reordering

[ksed]

Hi,

I've run into a bug in the new version of Laytheme, in the "Edit Element Grid" panel.

When reordering elements in the "Change order below" list, some items overlap with the rest of the UI. An image row renders on top of the settings above (Rounded Corners, Random Order, etc.) and stays stuck there. Once that happens, elements can't be selected or dragged properly, which makes reordering a grid with many images almost impossible.

Steps to reproduce:

1. Open a page with an element grid containing a large number of images
2. Open "Edit Element Grid" and scroll to "Change order below"
3. Start dragging an item up or down the list
4. The dragged item (or its duplicate) detaches and overlaps the settings section higher up, and can no longer be moved or selected

I'm attaching a few screenshots showing the overlapping elements.

Setup: macOS, latest Laytheme version.

A small suggestion while I'm here, it would be much easier if we could reorder elements directly from the grid preview on the right, rather than through the list. But even just fixing the overlap would already help a lot.

Thanks,

[arminunruh]

hello @ksed,
thanks for the detailed report and screenshots! i fixed the issue where items could overlap the settings while reordering. i’ll release an update shortly, after updating it should work properly again, also with alot of images. let me know if you still run into it!

[ksed]

Still happenning it seems!

PS: Congrats on the new website!

[ksed]

It even stays visible after I closed the plage

[arminunruh]

hey @ksed, thanks for the follow-up! i found the remaining issue: the drag preview was attached outside of the modal, which is why it could overlap the settings and even stay visible after closing the page. this is fixed now and will be included in the next update. please test it again after updating and let me know if it still happens!

xD