Frontmatter
| id | 1298 |
| title | draggable.tab.header.toolbar.SortZone: disable the tab strip animation after a drop happens |
| state | Closed |
| labels | enhancement |
| assignees | tobiu |
| createdAt | Oct 24, 2020, 3:00 PM |
| updatedAt | Oct 24, 2020, 4:04 PM |
| githubUrl | https://github.com/neomjs/neo/issues/1298 |
| author | tobiu |
| commentsCount | 3 |
| parentIssue | null |
| subIssues | [] |
| subIssuesCompleted | 0 |
| subIssuesTotal | 0 |
| blockedBy | [] |
| blocking | [] |
| closedAt | Oct 24, 2020, 4:04 PM |
draggable.tab.header.toolbar.SortZone: disable the tab strip animation after a drop happens
tobiu assigned to @tobiu on Oct 24, 2020, 3:00 PM
tobiu
Oct 24, 2020, 3:03 PM
the logic needs to be inside: draggable.tab.header.toolbar.SortZone.
will adjust the ticket title.
tobiu changed title from draggable.toolbar.SortZone: disable the tab strip animation after a drop happens to draggable.tab.header.toolbar.SortZone: disable the tab strip animation after a drop happens on Oct 24, 2020, 3:03 PM
tobiu
Oct 24, 2020, 3:45 PM
it turns out, that adding a style like animation: none !important to the toolbar or each button does not override the value inside the button indicator child node (only tested in Chrome).
we need to add a custom css rule to make it work.
tobiu
Oct 24, 2020, 4:00 PM
i will test adding the new cls onDragStart(), so that the dragProxyEl tab indicator does not flicker.
tobiu closed this issue on Oct 24, 2020, 4:04 PM
drag&drop based re-sorting can change the active index.
in this case, the active tab indicator should not move with an animation.
an edge case, but to make it perfect it should move instantly.