Skip to content

Search and Replace Confirmation Popup: Height Issue Prevents Scrolling and Clicking OK/Cancel #248731

@abulhasnattanvir

Description

@abulhasnattanvir

Does this issue occur when all extensions are disabled?: Yes/No

  • VS Code Version:
  • OS Version:

Certainly! Here's the updated bug report with your note included, polished for clarity:


Title:
Search and Replace Confirmation Popup: Height Issue Prevents Scrolling and Hides OK/Cancel Buttons When Pasting Large Content

Description:
When using the "Search and Replace" feature and pasting a large amount of content into the fields, the confirmation popup window becomes too tall. This causes the dialog to overflow the viewport, especially on smaller screens, hiding the OK and Cancel buttons. There is no scrollbar, so users cannot scroll to access the buttons, making it impossible to confirm or cancel the operation.

Steps to Reproduce:

  1. Open the "Search and Replace" dialog.
  2. Paste a large amount of text into the search or replace fields.
  3. Proceed with the operation to trigger the confirmation popup.
  4. Notice that the popup extends beyond the visible screen, hiding the buttons.

Expected Behavior:
The popup should either resize or allow scrolling so that all controls (including OK and Cancel) remain accessible.

Actual Behavior:
The popup overflows vertically, and the action buttons are hidden with no way to scroll down.

Environment:

OS: [Windows 10,10, Ubuntu 24.04]
App Version: [ v1.100.0]
Screen Resolution: [ 1920x1080]
Browser (if web-based): [e.g., Chrome 123
vs code:
Version: 1.100.0
Date: 2025-05-07T12:48:53.763Z
Electron: 34.5.1
ElectronBuildId: 11369351
Chromium: 132.0.6834.210
Node.js: 20.19.0
V8: 13.2.152.41-electron.0
OS: Linux x64 6.11.0-25-generic snap

Suggested Fix:

Limit the maximum height of the popup.
Enable vertical scrolling when content overflows.
Ensure critical buttons are always visible or anchored.

Image

Activity

bpasero

bpasero commented on May 13, 2025

@bpasero
Member

Can we do something to not send such a large text into the dialog to begin with?

osortega

osortega commented on May 29, 2025

@osortega
Contributor

@bpasero Created this PR to limit the number of lines to 10: #250063

Image
added this to the May 2025 milestone on May 29, 2025
added
insiders-releasedPatch has been released in VS Code Insiders
and removed
unreleasedPatch has not yet been released in VS Code Insiders
on May 30, 2025
added
bugIssue identified by VS Code Team member as probable bug
on Jun 2, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

bugIssue identified by VS Code Team member as probable buginsiders-releasedPatch has been released in VS Code Insiderssearch-replaceSearch and replace issuesverifiedVerification succeeded

Type

No type

Projects

No projects

Relationships

None yet

    Participants

    @bpasero@sandy081@eleanorjboyd@hawkticehurst@osortega

    Issue actions

      Search and Replace Confirmation Popup: Height Issue Prevents Scrolling and Clicking OK/Cancel · Issue #248731 · microsoft/vscode