microsoft / microsoft/vscode

Rename input does not provide horizontal scroll for long file names in Explorer

Open
#332,525 1 comment 1 reaction 1 assignee Claimed by @lramos15 View on GitHub
Dominant language
TypeScript
Stars
193k
Forks
42.4k
PR merge metrics
PR metrics pending

Description

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

VS Code Version: 1.134.0
OS Version: Sonoma 14.0 (23A344)

When renaming a file or folder with a very long name in the VS Code Explorer sidebar, the inline rename input field does not automatically expand or offer horizontal scrolling. As a result, a significant portion of the filename remains invisible (either the beginning or the end is cut off), making it difficult to edit the full name properly.

Steps to reproduce:

1. Open VS Code and navigate to the Explorer (file tree).
2. Create or select a file/folder with an intentionally long name (e.g., more than 40 characters).
3. Ensure that horizontal scrolling is enabled
4. Trigger the rename command on that item.

Actual result:

The input field shows only a portion of the full name. It does not scroll horizontally, nor does it expand to the full available width. The user cannot see the entire filename at once, which hampers editing.

https://github.com/user-attachments/assets/e375387f-d782-461e-b438-b96aeeb390a7

Expected result:

Provide a horizontal scrollbar within the input field itself, so that the user can scroll to view and edit the entire filename comfortably.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.