starred/terminal
1
0
Fork 0
mirror of https://github.com/microsoft/terminal.git synced 2026-02-04 05:35:20 +00:00
Code Issues 19.0k Packages Projects Releases 20 Wiki Activity

Settings Page Width Doesn't Animate Smoothly with Sidebar Collapsing and Expanding #14487

New Issue
Open
opened 2026-01-31 04:11:36 +00:00 by claunia · 0 comments
claunia commented 2026-01-31 04:11:36 +00:00
Owner
Copy Link

Originally created by @ghost on GitHub (Jul 12, 2021).

Windows Terminal version (or Windows build number)

1.8.1521.0

Other Software

No response

Steps to reproduce

Ok, so the problem here is that when you click the hamburger menu to collapse or expand the side bar, four things happen:
1.) The sidebar's width smoothly animates.
2.) The x position of the page smoothly animates along with the sidebar width
3.) Right at the start of the animation, the width of the page instantly jumps to the size it will be at the end of the animation. This means everything that is right aligned or spans the width of the page also jumps.
4.) Because the x position is animating smoothly, the right aligned stuff jumps oddly. This is due to the fact that the width instantly shrinks (or expands) to the size it will be at the end of the animation before the end of the animation, while the x position is still moving toward where it needs to be.

Expected Behavior

Animate the width of the page at the same time as the sidebar by interpolating between the initial width and the new width.

Actual Behavior

The right aligned visual items (and items that span the entire width) appear to jump oddly.

https://user-images.githubusercontent.com/4098042/125309455-6721cd00-e2f7-11eb-98f8-7876a811b917.mp4

Originally created by @ghost on GitHub (Jul 12, 2021). ### Windows Terminal version (or Windows build number) 1.8.1521.0 ### Other Software _No response_ ### Steps to reproduce Ok, so the problem here is that when you click the hamburger menu to collapse or expand the side bar, four things happen: 1.) The sidebar's width smoothly animates. 2.) The *x position* of the page smoothly animates along with the sidebar width 3.) Right at the start of the animation, the width *of the page* instantly jumps to the size it will be at the end of the animation. This means everything that is right aligned or spans the width of the page also jumps. 4.) Because the x position is animating smoothly, the right aligned stuff jumps oddly. This is due to the fact that the width instantly shrinks (or expands) to the size it will be at the end of the animation *before* the end of the animation, *while* the x position is still moving toward where it needs to be. ### Expected Behavior Animate the width of the page at the same time as the sidebar by interpolating between the initial width and the new width. ### Actual Behavior The right aligned visual items (and items that span the entire width) appear to jump oddly. https://user-images.githubusercontent.com/4098042/125309455-6721cd00-e2f7-11eb-98f8-7876a811b917.mp4
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
⛺ Reserved
A11yCO
A11yMAS
A11ySev1
A11ySev2
A11ySev3
A11yTTValidated
A11yUsable
A11yVoiceAccess
A11yWCAG
Area-Accessibility
Area-AtlasEngine
Area-AzureShell
Area-Build
Area-Build
Area-Chat
Area-CmdPal
Area-CodeHealth
Area-Commandline
Area-CookedRead
Area-DefApp
Area-Extensibility
Area-Fonts
Area-GroupPolicy
Area-i18n
Area-Input
Area-Interaction
Area-Interop
Area-Localization
Area-Output
Area-Performance
Area-Portable
Area-Quality
Area-Remoting
Area-Rendering
Area-Schema
Area-Server
Area-Settings
Area-SettingsUI
Area-ShellExtension
Area-ShellExtension
Area-ShellExtension
Area-Suggestions
Area-Suggestions
Area-TerminalConnection
Area-TerminalControl
Area-Theming
Area-UserInterface
Area-VT
Area-Windowing
Area-WPFControl
AutoMerge
Blocking-Ingestion
Culprit-Centennial
Culprit-WinUI
Disability-All
Disability-Blind
Disability-LowVision
Disability-Mobility
External-Blocked-WinUI3
Fixed
Gathering-Data
good first issue
HCL-E+D
HCL-WindowsTerminal
Help Wanted
Impact-Compatibility
Impact-Compliance
Impact-Correctness
Impact-Visual
In-PR
InclusionBacklog
InclusionBacklog-Windows TerminalWin32
InclusionCommitted-202206
Issue-Bug
Issue-Docs
Issue-Feature
Issue-Feature
Issue-Question
Issue-Samples
Issue-Scenario
Issue-Task
Needs-Attention
Needs-Author-Feedback
Needs-Bisect
Needs-Discussion
Needs-Repro
Needs-Tag-Fix
Needs-Tag-Fix
Needs-Triage
No-Recent-Activity
Priority-0
Priority-1
Priority-2
Priority-3
Product-Cmd.exe
Product-Colortool
Product-Colortool
Product-Colortool
Product-Conhost
Product-Conpty
Product-Meta
Product-Powershell
Product-Terminal
Product-WSL
pull-request
Mirrored from GitHub Pull Request
 Resolution-Answered
Resolution-By-Design
Resolution-Duplicate
Resolution-External
Resolution-Fix-Available
Resolution-Fix-Committed
Resolution-No-Repro
Resolution-Won't-Fix
Severity-Blocking
Severity-Crash
Severity-DataLoss
spam
this-will-be-a-breaking-change
Tracking-External
WindowsTerminal_Win32
Work-Item
zAskModeBug
zInbox-Bug
No Label Area-SettingsUI Help Wanted Issue-Bug Priority-3 Product-Terminal Resolution-External
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#14487
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?