fix: rely on Form.Control and controlId in Form.Group

openedx · Dec 14, 2023 · 5bd9772 · 5bd9772
1 parent e6967cf
commit 5bd9772
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/DataTable/filters/TextFilter.jsx b/src/DataTable/filters/TextFilter.jsx
@@ -23,10 +23,9 @@ function TextFilter({
   const formattedHeader = formatHeaderForLabel(Header);
   const inputText = React.isValidElement(formattedHeader) ? formattedHeader : `Search ${formattedHeader}`;
   return (
-    <Form.Group>
-      <FormLabel id={ariaLabel.current} className="sr-only">{inputText}</FormLabel>
-      <Input
-        aria-labelledby={ariaLabel.current}
+    <Form.Group controlId={ariaLabel.current}>
+      <Form.Label className="sr-only">{inputText}</Form.Label>
+      <Form.Control
         value={filterValue || ''}
         type="text"
         onChange={e => {