Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Gallery block refactor: consider ghosting moving image on drag and drop, and expanding drop zone #30364

Open
glendaviesnz opened this issue Mar 30, 2021 · 0 comments
Labels
[Block] Gallery Affects the Gallery Block - used to display groups of images [Type] Enhancement A suggestion for improvement.

Comments

@glendaviesnz
Copy link
Contributor

glendaviesnz commented Mar 30, 2021

In normal content editing flow it makes sense not to have a copy of the block remain in place whilst you drag the block to its new location. However when using drag and drop in Gallery not leaving the original block in place whilst you drag can cause unwanted layout shifts. It might be worth considering cloning the block being dragged and leaving the original block in place until such time as the “ghosted” (cloned) block is dropped into its new position. This would avoid the layout shifts.

Also, there is little indication of where the dragged block is going to fit within the columns, it might improve the UX to expand the dropzone as the image is dragged over it to better indicate where the image will be positioned. This could also apply to new images dragged into the gallery.

@glendaviesnz glendaviesnz added [Type] Enhancement A suggestion for improvement. [Block] Gallery Affects the Gallery Block - used to display groups of images labels Mar 30, 2021
@glendaviesnz glendaviesnz changed the title Gallery block refactor: consider ghosting moving image on drag and drop Gallery block refactor: consider ghosting moving image on drag and drop, and expanding drop zone Sep 19, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Gallery Affects the Gallery Block - used to display groups of images [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

1 participant