Skip to content

Conversation

@Z-a-r-a-k-i
Copy link

Summary of the Pull Request

Adds smooth tab reorder animation during same-window tab dragging. When a tab is dragged, other tabs animate to show where the tab will be inserted, similar to Chrome/Edge behavior.

References and Relevant Issues

Detailed Description of the Pull Request / Additional comments

  • Implements TabReorderAnimator class that uses TranslateTransform to animate tabs
  • Same-window drags: tabs shift left/right to create visual gap at insertion point
  • Cross-window drags: also animates to show insertion point
  • On drop: transforms snap back immediately to avoid conflicting with TabView's reorder animation
  • Respects DisableAnimations global setting (checked at init and on settings reload)
  • Disables TabView's built-in ItemContainerTransitions during drag to prevent conflicts

Validation Steps Performed

  • Same-window tab reordering animates smoothly
  • Cross-window tab drops animate correctly
  • Animation respects DisableAnimations setting
  • Drag leave resets animations properly
  • Rapid pointer movement doesn't leave tabs stuck (storyboard conflicts resolved)
  • Settings reload updates animation preference

PR Checklist

@github-actions

This comment has been minimized.

@Z-a-r-a-k-i Z-a-r-a-k-i force-pushed the feature/tab-reorder-animation branch from 2bcb73a to b0e75de Compare November 30, 2025 18:25
@Z-a-r-a-k-i
Copy link
Author

@microsoft-github-policy-service agree

@DHowett
Copy link
Member

DHowett commented Dec 1, 2025

WHOA. Do you have a video of this? It sounds great!

@DHowett
Copy link
Member

DHowett commented Dec 1, 2025

/azp run

@azure-pipelines
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@Z-a-r-a-k-i
Copy link
Author

WHOA. Do you have a video of this? It sounds great!

Demo

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants