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/floating-label/Details.tsx
+++ b/client/patterns/floating-label/Details.tsx
@@ -45,6 +45,7 @@ const Details: React.FC<{}> = () => {
                                }}
                            >
                                <input
+                                    id="floating-label-input"
                                    placeholder="Placeholder"
                                    type="text"
                                    style={{
@@ -54,6 +55,7 @@ const Details: React.FC<{}> = () => {
                                    }}
                                />
                                <label
+                                    htmlFor="floating-label-input"
                                    style={{
                                        left: '8px',
                                        padding: '0 8px',