javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 11:17:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(toggle): label is announced once on ios (#26937)

Browse Source
This commit is contained in:
Liam DeBeasi
2023-03-09 11:37:20 -05:00
committed by GitHub
parent 0899380aee
commit f71d9b1101
1 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
core/src/components/toggle/toggle.tsx
View File

@ -321,15 +321,10 @@ export class Toggle implements ComponentInterface {
})}
>
<label class="toggle-wrapper">
<div
class={{
'label-text-wrapper': true,
'label-text-wrapper-hidden': !this.hasLabel,
}}
>
<slot></slot>
</div>
<div class="native-wrapper">{this.renderToggleControl()}</div>
{/*
The native control must be rendered
before the visible label text due to https://bugs.webkit.org/show_bug.cgi?id=251951
*/}
<input
type="checkbox"
role="switch"
@ -342,6 +337,15 @@ export class Toggle implements ComponentInterface {
ref={(focusEl) => (this.focusEl = focusEl)}
{...this.inheritedAttributes}
/>
<div
class={{
'label-text-wrapper': true,
'label-text-wrapper-hidden': !this.hasLabel,
}}
>
<slot></slot>
</div>
<div class="native-wrapper">{this.renderToggleControl()}</div>
</label>
</Host>
);