Skip to content

Agents: Implement scrollable container for welcome prompts#312357

Merged
mrleemurray merged 4 commits intomainfrom
mrleemurray/agents-modal-scrollbar
Apr 24, 2026
Merged

Agents: Implement scrollable container for welcome prompts#312357
mrleemurray merged 4 commits intomainfrom
mrleemurray/agents-modal-scrollbar

Conversation

@mrleemurray
Copy link
Copy Markdown
Contributor

Introduce a scrollable container for welcome prompts to enhance user experience. Improve scrollbar resize observation logic and update CSS for better layout and positioning. Adjustments ensure that the scroll dimensions are computed correctly, providing a smoother interaction with the content.

Copilot AI review requested due to automatic review settings April 24, 2026 14:33
@mrleemurray mrleemurray enabled auto-merge (squash) April 24, 2026 14:33
@mrleemurray mrleemurray self-assigned this Apr 24, 2026
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the AI Customization welcome page prompt launchers to render inside a DomScrollableElement wrapper so the welcome prompts area can scroll reliably and compute scroll dimensions correctly as the container resizes.

Changes:

  • Wrapped the welcome prompt content container in DomScrollableElement and added resize observation to re-scan scroll dimensions on host resize.
  • Updated the welcome prompt launcher CSS to introduce a dedicated scrollable wrapper element and adjust positioning/overflow so scrolling is handled by DomScrollableElement.

Reviewed changes

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

File Description
src/vs/workbench/contrib/chat/browser/aiCustomization/media/aiCustomizationWelcomePromptLaunchers.css Adds wrapper styling (.welcome-prompts-scrollable) and adjusts the content container layout to work with DomScrollableElement scrolling.
src/vs/workbench/contrib/chat/browser/aiCustomization/aiCustomizationWelcomePagePromptLaunchers.ts Introduces DomScrollableElement usage, observes wrapper resize to rescan dimensions, and rescans after card rebuilds.

@mrleemurray mrleemurray merged commit 0f0b735 into main Apr 24, 2026
44 of 45 checks passed
@mrleemurray mrleemurray deleted the mrleemurray/agents-modal-scrollbar branch April 24, 2026 15:56
@vs-code-engineering vs-code-engineering Bot added this to the 1.118.0 milestone Apr 24, 2026
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.

3 participants