From 4a7e63890c43cd42166bb5c7a0b8a9ef59fa5f76 Mon Sep 17 00:00:00 2001
From: Jesse Chan <jc@linux.com>
Date: Fri, 12 Mar 2021 18:59:50 +0800
Subject: [PATCH] ToggleInput: drop erroneous for and id

---
 client/src/javascript/ui/components/ToggleInput.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/client/src/javascript/ui/components/ToggleInput.tsx b/client/src/javascript/ui/components/ToggleInput.tsx
index 04975c70..58753067 100644
--- a/client/src/javascript/ui/components/ToggleInput.tsx
+++ b/client/src/javascript/ui/components/ToggleInput.tsx
@@ -40,21 +40,19 @@ const ToggleInput: FC<ToggleInputProps> = ({
   onClick,
 }: ToggleInputProps) => {
   const inputRef = useRef<HTMLInputElement>(null);
-  const elementId = `${groupID}-${id}`;
 
   return (
     <FormRowItem shrink={shrink} grow={grow} width={width}>
+      {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
       <label
         className={classnames('form__element toggle-input', type, {
           'form__element--match-textbox-height': matchTextboxHeight,
           'form__element--label-offset': labelOffset,
-        })}
-        htmlFor={elementId}>
+        })}>
         <input
           defaultChecked={defaultChecked}
           checked={checked}
           className="toggle-input__element"
-          id={elementId}
           name={type === 'radio' ? groupID : id}
           onClick={(event) => {
             if (inputRef.current != null) {