Link <label for> to <input id>. Fixes #137

2025-10-23 10:46:13 +02:00 · 2020-06-09 19:03:27 +02:00
parent 7c6afbb80d
commit 66fe84871e
6 changed files with 14 additions and 0 deletions
--- a/client/patterns/switch/Details.tsx
+++ b/client/patterns/switch/Details.tsx
@@ -39,6 +39,7 @@ const Details: React.FC<{}> = () => {
                            }}
                        >
                            <label
+                                htmlFor="checkbox-switch"
                                style={{
                                    backgroundColor: checked ? '#357EDD' : 'rgba(0, 0, 0, 0.1)',
                                    border: `1px solid ${checked ? '#357EDD' : 'rgba(0, 0, 0, 0.3)'}`,
@@ -50,6 +51,7 @@ const Details: React.FC<{}> = () => {
                                }}
                            >
                                <input
+                                    id="checkbox-switch"
                                    type="checkbox"
                                    style={{ display: 'none' }}
                                    checked={checked}