Rename input does not provide horizontal scroll for long file names in Explorer
- 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
Assessment
This issue has not been assessed yet.