Skip to content

Commit ae73a68

Browse files
committed
fix(ion-label): enable toggle functionality for checkbox, radio, and toggle for the demo app components.
Resolved an issue where pressing on the label did not toggle the associated components. Added CSS to adjust the z-index of ion-label.
1 parent a30f822 commit ae73a68

File tree

3 files changed

+21
-0
lines changed

3 files changed

+21
-0
lines changed

demo-app/src/routes/components/Checkbox/+page.svelte

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,13 @@
1212
};
1313
</script>
1414

15+
<style>
16+
ion-label{
17+
position: relative;
18+
z-index: -10;
19+
}
20+
</style>
21+
1522
<svelte:head>
1623
<title>Ionic Companion - Checkboxes</title>
1724
</svelte:head>

demo-app/src/routes/components/Radio/+page.svelte

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,13 @@
77
};
88
</script>
99

10+
<style>
11+
ion-label{
12+
position: relative;
13+
z-index: -10;
14+
}
15+
</style>
16+
1017
<svelte:head>
1118
<title>Ionic Companion - Radios</title>
1219
</svelte:head>

demo-app/src/routes/components/Toggle/+page.svelte

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,13 @@
77
};
88
</script>
99

10+
<style>
11+
ion-label{
12+
position: relative;
13+
z-index: -10;
14+
}
15+
</style>
16+
1017
<IonPage>
1118
<ion-header translucent={true}>
1219
<ion-toolbar>

0 commit comments

Comments
 (0)