Skip to content

Commit 56ecc4e

Browse files
authored
[WC-2552] Switch: Backport hidden input in Atlas 3 (#270)
2 parents c7d4b14 + 5d717ce commit 56ecc4e

File tree

2 files changed

+21
-0
lines changed

2 files changed

+21
-0
lines changed

packages/atlas-core/CHANGELOG.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
1313
### Fixed
1414

1515
- We fixed an issue with sidebar menu not overlaying some elements in modern client.
16+
- We fixed an issue where sr-only input checkbox still showed up in switch widget.
1617

1718
## [3.18.2] Atlas Core - 2025-8-7
1819

packages/atlas/src/themesource/atlas_core/web/core/widgets/_switch.scss

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -148,6 +148,26 @@ $default-ios-color: rgb(100, 189, 99);
148148
}
149149
}
150150

151+
.widget-switch input[type="checkbox"].sr-only {
152+
position: absolute;
153+
width: 1px;
154+
height: 1px;
155+
padding: 0;
156+
margin: -1px;
157+
overflow: hidden;
158+
clip: rect(0, 0, 0, 0);
159+
border: 0;
160+
}
161+
.widget-switch input[type="checkbox"].sr-only-focusable:active,
162+
.widget-switch input[type="checkbox"].sr-only-focusable:focus {
163+
position: static;
164+
width: auto;
165+
height: auto;
166+
margin: 0;
167+
overflow: visible;
168+
clip: auto;
169+
}
170+
151171
@include style("primary", $brand-primary);
152172
@include style("secondary", $brand-default);
153173
@include style("success", $brand-success);

0 commit comments

Comments
 (0)