Add open/close motion to quick pick

[hawkticehurst]

Related to #325020

Adds open/close motion to quick pick.

Screen.Recording.2026-07-15.at.3.06.24.PM.mov

[vs-code-engineering]

📬 CODENOTIFY

The following users are being notified based on files changed in this PR:

@TylerLeonhardt

Matched files:

• src/vs/platform/quickinput/browser/media/quickInput.css
• src/vs/platform/quickinput/browser/quickInputController.ts
• src/vs/platform/quickinput/test/browser/quickinput.test.ts

[Copilot]

Pull request overview

Adds subtle open/close motion to the Quick Input (Quick Pick) widget when Modern UI (.style-override) is enabled and motion is enabled (.monaco-enable-motion). This aligns Quick Input behavior with other ephemeral surfaces that animate in/out.

Changes:

• Add CSS open/close animations for .quick-input-widget under .style-override.monaco-enable-motion.
• Update QuickInputController.hide() to apply a “closing” class and defer display: none until the animation completes.
• Add a browser test validating that motion is gated on Modern UI + motion enabled and that visibility state updates as expected.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File	Description
src/vs/platform/quickinput/test/browser/quickinput.test.ts	Adds coverage for close motion gating and timing.
src/vs/platform/quickinput/browser/quickInputController.ts	Implements close animation lifecycle and adjusts isVisible() semantics during close.
src/vs/platform/quickinput/browser/media/quickInput.css	Defines keyframes + selectors for open/close motion on the widget.

[lppedd]

Out of curiosity, how does it look when the palette appears at the top (default positioning)?
Right now background elements disappear when the palette gets brought up.

[hawkticehurst]

Out of curiosity, how does it look when the palette appears at the top (default positioning)? Right now background elements disappear when the palette gets brought up.

Screen.Recording.2026-07-15.at.5.03.46.PM.mov

[lppedd]

@hawkticehurst thank you! Looks nice in the case the palette is equal or wider to the background elements. I was just "worried" that those background elements disappeared before the palette spawned, causing a strange visual effect.