Right Overflow

[proidit]

Type: Bug

In explorer, commands on the right disappear if the item lenght exceed the panel width

VS Code version: Code 1.77.3 (704ed70, 2023-04-12T09:16:02.548Z)
OS version: Windows_NT x64 10.0.22621
Modes:
Sandboxed: No
Remote OS version: Linux x64 4.19.0-6-amd64
Remote OS version: Linux x64 4.19.0-6-amd64

System Info

Item	Value
CPUs	Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 x 2304)
GPU Status	2d_canvas: enabled canvas_oop_rasterization: disabled_off direct_rendering_display_compositor: disabled_off_ok gpu_compositing: enabled multiple_raster_threads: enabled_on opengl: enabled_on rasterization: enabled raw_draw: disabled_off_ok skia_renderer: enabled_on video_decode: enabled video_encode: enabled vulkan: disabled_off webgl: enabled webgl2: enabled webgpu: disabled_off
Load (avg)	undefined
Memory (System)	15.84GB (4.92GB free)
Process Argv	--crash-reporter-id 980a7598-8b1d-4740-ac85-4a1dcf232bcc
Screen Reader	no
VM	0%

Item	Value
Remote	SSH: vm.vb.deb.10-50.2-FIDO.IW
OS	Linux x64 4.19.0-6-amd64
CPUs	Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (4 x 2304)
Memory (System)	6.64GB (4.17GB free)
VM	100%

Item	Value
Remote	SSH: vm.vb.deb.10-50.2-FIDO.IW
OS	Linux x64 4.19.0-6-amd64
CPUs	Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (4 x 2304)
Memory (System)	6.64GB (4.17GB free)
VM	100%

Extensions (20)

Extension	Author (truncated)	Version
Bookmarks	ale	13.3.1
numbered-bookmarks	ale	8.3.1
vscode-firefox-debug	fir	2.9.8
auto-close-tag	for	0.5.14
output-colorizer	IBM	0.1.2
remote-ssh	ms-	0.102.0
remote-ssh-edit	ms-	0.86.0
remote-explorer	ms-	0.4.0
highlight-matching-tag	vin	0.11.0
ng-template	Ang	16.0.0
npm-intellisense	chr	1.4.4
path-intellisense	chr	2.8.4
vscode-eslint	dba	2.4.0
vscode-html-css	ecm	1.13.1
EditorConfig	Edi	0.16.4
vscode-duplicate	mrm	1.2.1
indent-rainbow	ode	8.3.1
vscode-fileutils	sle	3.10.1
vscode-status-bar-format-toggle	tom	3.1.1
rainbow-tags	vol	0.4.1

A/B Experiments

vsliv368:30146709
vsreu685:30147344
python383:30185418
vspor879:30202332
vspor708:30202333
vspor363:30204092
vslsvsres303:30308271
vserr242:30382549
pythontb:30283811
vsjup518:30340749
pythonptprofiler:30281270
vshan820:30294714
vstes263:30335439
vscorecescf:30445987
pythondataviewer:30285071
vscod805cf:30301675
binariesv615:30325510
bridge0708:30335490
bridge0723:30353136
cmake_vspar411:30581797
vsaa593cf:30376535
pythonvs932:30410667
cppdebug:30492333
vsclangdf:30486550
c4g48928:30535728
dsvsc012cf:30540253
pynewext54:30695312
azure-dev_surveyone:30548225
2e4cg342:30602488
pyind779:30671433
89544117:30613380
pythonsymbol12:30671437
showlangstatbar:30730054
vsccsb:30705552
azdwalk:30721579
pythonms35:30701012
pythonfmttext:30731395
pythoncmvfstrcf:30731970
fixshowwlkth:30730052
hidesbindicator:30730055

[vscodenpa]

Thanks for creating this issue! It looks like you may be using an old version of VS Code, the latest stable release is 1.78.1. Please try upgrading to the latest version and checking whether this issue remains.

Happy Coding!

[proidit]

Updated to 1.78.1
not solved

To reproduce:

1. Open remote explorer
2. connect to one remote machine
3. after connected the problem is visible (see screenshot). restrinct width of panel if not visible

[alexr00]

@proidit which view is this in? Is it the Remote Explorer?

[proidit]

In my case after the remote connection.

Before remote connect (no problem):

After (problem):

[proidit]

... and in NPM script:

[alexr00]

No matter how small I resize the Remote Explorer or NPM Scripts view I can't get the buttons to hide, whether I'm connected to a remote or not. Is there anything special about your setup that you can think of?

[proidit]

thi is my user config

{
	"files.exclude": {
		"**/.DS_Store": true,
		"**/Thumbs.db": false
	},
	"files.watcherExclude": {
		"**/.git": true,
		"**/node_modules": true,
		"**/bower_components": true
	},
	"search.exclude": {
		"**/.git": true,
		"**/.vscode": true,
		"**/bower_components": true,
		"**/node_modules": true,
		"**/typings": true
	},
	"explorer.enableDragAndDrop": false,
	"editor.fontFamily": "Roboto Mono",
	"editor.fontSize": 11,
	"editor.tabSize": 2,
	"editor.insertSpaces": false,
	"editor.mouseWheelZoom": false,
	"editor.renderWhitespace": "boundary",
	"editor.autoClosingBrackets": "never",
	"editor.smoothScrolling": true,
	"typescript.disableAutomaticTypeAcquisition": true,
	"typescript.referencesCodeLens.enabled": true,
	"[typescript]": {},
	"editor.minimap.enabled": true,
	"window.title": "${dirty}${rootPath}${separator}${activeEditorMedium}",
	"php.validate.enable": true,
	"php.validate.executablePath": "C:/xampp_7.1.13_php_7.1.13/php/php.exe",
	"php.validate.run": "onSave",
	"files.associations": {
		"*.blade.php": "html",
		"*.html": "html"
	},
	"extensions.ignoreRecommendations": false,
	"todohighlight.isEnable": true,
	"todohighlight.isCaseSensitive": false,
	"todohighlight.include": [
		"**/*.ts",
		"**/*.html",
		"**/*.php"
	],
	"editor.quickSuggestions": {
		"other": false,
		"comments": false,
		"strings": false
	},
	"[plaintext]": {
		"editor.quickSuggestions": {
			"other": false,
			"comments": false,
			"strings": false
		},
	},
	"breadcrumbs.enabled": true,
	"search.quickOpen.includeHistory": false,
	"files.eol": "\n",
	"workbench.editor.highlightModifiedTabs": true,
	"explorer.sortOrder": "type",
	"editor.autoClosingQuotes": "never",
	"workbench.tree.indent": 15,
	"workbench.tree.renderIndentGuides": "always",
	"editor.formatOnType": true,
	"vsicons.dontShowNewVersionMessage": true,
	"peacock.favoriteColors": [
		{
			"name": "Angular Red",
			"value": "#b52e31"
		},
		{
			"name": "Auth0 Orange",
			"value": "#eb5424"
		},
		{
			"name": "Azure Blue",
			"value": "#007fff"
		},
		{
			"name": "C# Purple",
			"value": "#68217A"
		},
		{
			"name": "Gatsby Purple",
			"value": "#639"
		},
		{
			"name": "Go Cyan",
			"value": "#5dc9e2"
		},
		{
			"name": "Java Blue-Gray",
			"value": "#557c9b"
		},
		{
			"name": "JavaScript Yellow",
			"value": "#f9e64f"
		},
		{
			"name": "Mandalorian Blue",
			"value": "#1857a4"
		},
		{
			"name": "Node Green",
			"value": "#215732"
		},
		{
			"name": "React Blue",
			"value": "#00b3e6"
		},
		{
			"name": "Something Different",
			"value": "#832561"
		},
		{
			"name": "Vue Green",
			"value": "#42b883"
		}
	],
	"remote.SSH.configFile": "...",
	"remote.SSH.remotePlatform": {
		"192.168.50.2_root_dev_rsa": "linux",
		"192.168.50.2_root_dev_rsa-fido-iw": "linux",
		"192.168.50.2_root_dev_rsa-fido-php": "linux",
		"192.168.50.2_root_dev_rsa-pers": "linux",
		"ced_fido_UEBZERO": "linux",
		"ced_fido_DEVELOP": "linux",
		"ced_fido_TIMWEB": "linux",
		"temp": "linux",
		"192.168.50.3_root_dev_rsa-pers": "linux",
		"192.168.50.2_root_dev_rsa-fido-php-new": "linux",
		"vm.vb.deb.10_FIDO-PHP": "linux",
		"vm.vb.deb.11-50.3_TEST": "linux",
		"vm.vb.deb.10-50.2-FIDO.IW": "linux",
		"vm.vb.deb.11-50.3-PERS.SSW": "linux",
		"vm.vb.deb.10-50.2-FIDO.PHP": "linux",
		"vm.vb.deb.11-50.3-TEST": "linux"
	},
	"remote.SSH.useLocalServer": false,
	"workbench.startupEditor": "newUntitledFile",
	"remote.extensionKind": {
		"pub.name": [
			"ui"
		]
	},
	"workbench.list.smoothScrolling": true,
	"window.restoreWindows": "none",
	"typescript.workspaceSymbols.scope": "currentProject",
	"windowColors.🌈 DeleteSettingsFileUponExit": true,
	"search.showLineNumbers": true,
	"search.collapseResults": "alwaysCollapse",
	"[javascript]": {
		"editor.defaultFormatter": "vscode.typescript-language-features"
	},
	"editor.foldingStrategy": "indentation",
	"security.workspace.trust.untrustedFiles": "open",
	"security.workspace.trust.startupPrompt": "never",
	"security.workspace.trust.enabled": false,
	"breadcrumbs.symbolSortOrder": "name",
	"search.maxResults": 1000,
	"editor.scrollbar.verticalScrollbarSize": 20,
	"npm.enableRunFromFolder": true,
	"editor.bracketPairColorization.enabled": true,
	"remote.SSH.connectTimeout": 30,
	"remote.SSH.foldersSortOrder": "alphabetical",
	"remote.SSH.maxReconnectionAttempts": 2,
	"editor.guides.bracketPairs": true,
	"editor.cursorWidth": 3,
	"go.toolsManagement.autoUpdate": true,
	"javascript.updateImportsOnFileMove.enabled": "always",
	"vetur.format.options.useTabs": true,
	"vetur.format.options.tabSize": 3,
	"debug.showBreakpointsInOverviewRuler": true,
	"debug.toolBarLocation": "docked",
	"editor.hover.delay": 2000,
	"html.hover.documentation": false,
	"html.hover.references": false,
	"css.hover.documentation": false,
	"css.hover.references": false,
	"less.hover.documentation": false,
	"less.hover.references": false,
	"scss.hover.documentation": false,
	"scss.hover.references": false,
	"editor.hover.above": false,
	"javascript.suggestionActions.enabled": false,
	"typescript.suggestionActions.enabled": false,
	"editor.bracketPairColorization.independentColorPoolPerBracketType": true,
	"notebook.outline.showCodeCells": true,
	"extensions.autoUpdate": false,
	"scm.inputFontSize": 11,
	"debug.console.fontSize": 11,
	"markdown.preview.fontSize": 11,
	"terminal.integrated.fontSize": 11,
	"workbench.editor.wrapTabs": true,
	"editor.guides.indentation": true,
	"debug.internalConsoleOptions": "neverOpen",
	"workbench.editor.showTabs": false,
	"editor.hover.enabled": false,
	"editor.minimap.showSlider": "always",
	"rxjsDebugging.enableUsageAnalytics": true,
	"rxjsDebugging.recommendOperatorLogPointsWithAnIcon": false,
	"workbench.editor.openPositioning": "last",
	"editor.stickyScroll.enabled": true,
	"editor.foldingMaximumRegions": 10000,
	"numberedBookmarks.saveBookmarksInProject": true,
	"bookmarks.saveBookmarksInProject": true,
	"workbench.colorCustomizations": {
		"scrollbarSlider.background": "#ff0000",
		"editor.lineHighlightBorder": "#777777",
		"editor.findMatchBorder": "#00ffff",
		"editor.findRangeHighlightBorder": "#777777",
		"[Default Dark+]": {
			"titleBar.activeBackground": "#888800"
		},
		"titleBar.activeBackground": "#AA0000"
	},
	"[vue]": {
		"editor.defaultFormatter": "Vue.volar"
	},
	"workbench.colorTheme": "Monokai",
	"settingsSync.ignoredExtensions": [],
	"debug.console.wordWrap": false,
	"editor.formatOnPaste": true,
	"html.format.wrapAttributes": "force-aligned",
	"html.format.indentInnerHtml": true,
	"html.format.wrapLineLength": 0,
	"notebook.output.scrolling": true,
	"workbench.list.horizontalScrolling": true,
	"outline.collapseItems": "alwaysCollapse"
}

and workspace config:

{
  "window.title": "Backend2 : ${dirty}${activeEditorMedium}${separator}${rootName}",
  "workbench.colorCustomizations": {
    "titleBar.activeBackground": "#0000aa"
  },
  "remote.SSH.defaultForwardedPorts": [
    {
      "name": "node app",
      "localPort": 3007,
      "remotePort": 3007
    }
  ]
}

[vscodenpa]

Hey @alexr00, this issue might need further attention.

@proidit, you can help us out by closing this issue if the problem no longer exists, or adding more information.