fix(tabletoolbarsearch): prefix internally placed id

carbon-design-system · Apr 19, 2024 · aa1caa4 · aa1caa4
1 parent a353cf3
commit aa1caa4
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/react/src/components/DataTable/TableToolbarSearch.tsx b/packages/react/src/components/DataTable/TableToolbarSearch.tsx
@@ -213,7 +213,11 @@ const TableToolbarSearch = ({
       disabled={disabled}
       className={searchClasses}
       value={value}
-      id={typeof id !== 'undefined' ? id : uniqueId.toString()}
+      id={
+        typeof id !== 'undefined'
+          ? id
+          : `table-toolbar-search-${uniqueId.toString()}`
+      }
       labelText={labelText || t('carbon.table.toolbar.search.label')}
       placeholder={placeholder || t('carbon.table.toolbar.search.placeholder')}
       onChange={onChange}