TodoMVC - React - add id to input (WebKit#428)

camillobruni · Oct 2, 2024 · 400a5b8 · 400a5b8
1 parent 0dcab03
commit 400a5b8
Show file tree

Hide file tree

Showing 15 changed files with 15 additions and 15 deletions.
diff --git a/resources/todomvc/architecture-examples/preact-complex/dist/app.js b/resources/todomvc/architecture-examples/preact-complex/dist/app.js
diff --git a/resources/todomvc/architecture-examples/preact-complex/dist/app.js.map b/resources/todomvc/architecture-examples/preact-complex/dist/app.js.map
diff --git a/resources/todomvc/architecture-examples/preact/dist/app.js b/resources/todomvc/architecture-examples/preact/dist/app.js
diff --git a/resources/todomvc/architecture-examples/preact/dist/app.js.map b/resources/todomvc/architecture-examples/preact/dist/app.js.map
diff --git a/resources/todomvc/architecture-examples/preact/src/app/main.js b/resources/todomvc/architecture-examples/preact/src/app/main.js
@@ -10,7 +10,7 @@ export default function TodoMain({ onChange, onToggle, onRemove, onSave, todos,
     return (
         <main class="main">
             <div class="toggle-all-container">
-                <input class="toggle-all" type="checkbox" checked={activeTodoCount === 0} onChange={onChange} />
+                <input class="toggle-all" type="checkbox" id="toggle-all" checked={activeTodoCount === 0} onChange={onChange} />
                 <label class="toggle-all-label" htmlFor="toggle-all">
                     Toggle All Input
                 </label>

diff --git a/resources/todomvc/architecture-examples/react-complex/dist/app.bundle.js b/resources/todomvc/architecture-examples/react-complex/dist/app.bundle.js
diff --git a/resources/todomvc/architecture-examples/react-complex/dist/app.bundle.js.map b/resources/todomvc/architecture-examples/react-complex/dist/app.bundle.js.map
diff --git a/resources/todomvc/architecture-examples/react-redux-complex/dist/app.bundle.js b/resources/todomvc/architecture-examples/react-redux-complex/dist/app.bundle.js
diff --git a/resources/todomvc/architecture-examples/react-redux-complex/dist/app.bundle.js.map b/resources/todomvc/architecture-examples/react-redux-complex/dist/app.bundle.js.map
diff --git a/resources/todomvc/architecture-examples/react-redux/dist/app.bundle.js b/resources/todomvc/architecture-examples/react-redux/dist/app.bundle.js
diff --git a/resources/todomvc/architecture-examples/react-redux/dist/app.bundle.js.map b/resources/todomvc/architecture-examples/react-redux/dist/app.bundle.js.map
diff --git a/resources/todomvc/architecture-examples/react-redux/src/components/main.jsx b/resources/todomvc/architecture-examples/react-redux/src/components/main.jsx
@@ -26,7 +26,7 @@ export default class Main extends Component {
         return (
             <main className="main" data-testid="main">
                 <div className="toggle-all-container">
-                    <input className="toggle-all" type="checkbox" data-testid="toggle-all" checked={completedCount === todos.length} onChange={toggleAll} />
+                    <input className="toggle-all" type="checkbox" id="toggle-all" data-testid="toggle-all" checked={completedCount === todos.length} onChange={toggleAll} />
                     <label className="toggle-all-label" htmlFor="toggle-all">
                         Toggle All Input
                     </label>

diff --git a/resources/todomvc/architecture-examples/react/dist/app.bundle.js b/resources/todomvc/architecture-examples/react/dist/app.bundle.js
diff --git a/resources/todomvc/architecture-examples/react/dist/app.bundle.js.map b/resources/todomvc/architecture-examples/react/dist/app.bundle.js.map
diff --git a/resources/todomvc/architecture-examples/react/src/todo/components/main.jsx b/resources/todomvc/architecture-examples/react/src/todo/components/main.jsx
@@ -27,7 +27,7 @@ export function Main({ todos, dispatch }) {
         <main className="main" data-testid="main">
             {visibleTodos.length > 0 ? (
                 <div className="toggle-all-container">
-                    <input className="toggle-all" type="checkbox" data-testid="toggle-all" checked={visibleTodos.every((todo) => todo.completed)} onChange={toggleAll} />
+                    <input className="toggle-all" type="checkbox" id="toggle-all" data-testid="toggle-all" checked={visibleTodos.every((todo) => todo.completed)} onChange={toggleAll} />
                     <label className="toggle-all-label" htmlFor="toggle-all">
                         Toggle All Input
                     </label>