Cutom order of the tabs & movable using drag and Drop

[Atharv115]

---

I'm always frustrated when I have to reorder things after adding a new tab, using those buttons, but can do nothing to move this with the help of drag and drop reorder this would make it work/ function better

Use Drag & Drop to reorder the Hexagon Tabs

and also provide with some highlighting guide for the hexagon tab borders to fit in.

Waiting eagerly for this feature to come to work

Hope you will look into this Zombiefox and make our life a lot better

[Atharv115]

@Atharv115

[zombieFox]

Hi @Atharv115

This is a known pain point in the UX. I've investigated this in the past and with the current grid implementation drag and drop reordering is not likely. The hex grid is made using CSS Grid. To achieve the hexagonal effect a single bookmark item has to span 6 cells of the grid.

Traditional drag and drop reordering requires the DOM nodes being reordered to be set up in a linear fashion. This will not work when a list item is making use of 'grid-column-start', 'grid-row-start' and 'span'. This screen capture demonstrates the issue:

https://user-images.githubusercontent.com/7115017/168682608-4f1e1a5b-2793-450f-9720-8cef461b383b.mp4

The red box shows how a single bookmark spans across 6 cells. I do not know of any other way to get a hexagon grid with CSS Grid.

[Atharv115]

@zombieFox Sorry to tell, but I don't have such technical Knowledge about it, I'm a newbie. Ik u tried to explain it to your fullest, but maybe I'm dumb! according to ur explaination, it seems as if you would require more time to sort this issue. Thanks for your time @zombieFox

[zombieFox]

it seems as if you would require more time to sort this issue.

I would like to stress that this may not be possible at all.

[Atharv115]

yep fine @zombieFox m ok with it, btw ur doing a good job, love it