From 41e61fdf0b05326aad86aa615fb64d187a7dc149 Mon Sep 17 00:00:00 2001 From: bendera Date: Thu, 22 May 2025 22:33:50 +0200 Subject: [PATCH 1/2] Revert :focus-visible to :focus --- src/vscode-button/vscode-button.styles.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/vscode-button/vscode-button.styles.ts b/src/vscode-button/vscode-button.styles.ts index 0a1f98a9c..47f691258 100644 --- a/src/vscode-button/vscode-button.styles.ts +++ b/src/vscode-button/vscode-button.styles.ts @@ -62,7 +62,7 @@ const styles: CSSResultGroup = [ outline: none; } - :host(:focus-visible) { + :host(:focus) { background-color: var(--vscode-button-hoverBackground, #026ec1); outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: 2px; @@ -146,7 +146,7 @@ const styles: CSSResultGroup = [ } :host(:hover) .divider, - :host(:focus-visible) .divider { + :host(:focus) .divider { background-color: var(--vscode-button-hoverBackground, #026ec1); } @@ -155,7 +155,7 @@ const styles: CSSResultGroup = [ } :host([secondary]:hover) .divider, - :host([secondary]:focus-visible) .divider { + :host([secondary]:focus) .divider { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } From 287f87da3d7b299e84086305e4e766be0826954c Mon Sep 17 00:00:00 2001 From: bendera Date: Thu, 22 May 2025 22:38:35 +0200 Subject: [PATCH 2/2] update changelog --- CHANGELOG.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 171588a70..716bef6f6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) +## [Unreleased] + +### Fixed + +- Reverted the original focus style of **Button**, as VSCode uses the `:focus` state instead of `focus-active`. + ## [1.16.0] - 2025-05-17 ### Added