From 384ef9e30513a4c3903bf4cd1668eb574c338c76 Mon Sep 17 00:00:00 2001 From: yogeshwaran-c Date: Thu, 26 Mar 2026 06:35:13 +0530 Subject: [PATCH] fix: prevent focus outline clipping in settings editor Change overflow: hidden to overflow: clip on settings group title labels and setting item titles. The overflow: clip property provides the same content clipping behavior needed for text-overflow: ellipsis, but unlike overflow: hidden it does not clip CSS outlines, which prevents the focus outline from being cut off at the element edges. Closes #276873 --- .../contrib/preferences/browser/media/settingsEditor2.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css b/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css index f254088220625..8c661c5b45fcb 100644 --- a/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css +++ b/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css @@ -402,7 +402,7 @@ } .settings-editor > .settings-body .settings-tree-container .setting-item-contents .setting-item-title { - overflow: hidden; + overflow: clip; text-overflow: ellipsis; display: inline-block; /* size to contents for hover to show context button */ @@ -739,7 +739,7 @@ padding-left: 15px; width: 100%; position: relative; - overflow: hidden; + overflow: clip; text-overflow: ellipsis; }