feat(dockview-core): add slide tab reorder mode with FLIP animations#1129
feat(dockview-core): add slide tab reorder mode with FLIP animations#1129mathuo merged 5 commits intomathuo:masterfrom
Conversation
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit c282b97:
|
|
@KyDenZ don't suppose you have a quick gif of the behavior? |
|
Sure! Here are two recordings showing the feature in action: Default behavior: New behavior: Enabling |
| * | ||
| * Defaults to `false`. | ||
| */ | ||
| smoothTabReorder?: boolean; |
There was a problem hiding this comment.
sorry to be a pain, could we change to tabAnimation="smooth"|"default" defaulting to "default"?
and then I will get this merged!
|
A couple of new build checks were added recently. |
…efault Replace boolean smoothTabReorder option with a string union tabAnimation property, defaulting to default. Introduce TabAnimation type and DEFAULT_TAB_ANIMATION constant. Update Angular binding, tests, docs, and examples accordingly.
KyDenZ
force-pushed
the
tab-drag-animation
branch
from
11b2d06 to
c282b97
Compare
2 participants
Summary
Introduces
smoothTabReorder: boolean— a new option that enables browser-tab-like slide animations during drag-and-drop tab reorder. Defaults tofalse(existing behavior unchanged).Changes
During drag, tabs slide apart to open a gap showing where the dragged tab will land
On drop, tabs animate to their final positions
The dragged tab collapses in-place (
dv-tab--dragging) so the gap is clearly visibleRespects
prefers-reduced-motionmedia queryDocs
Added template with a toggle to enable/disable smoothTabReorder in tabview sandbox