fix(tabletoolbarsearch): prefix internally placed id (#16232)

carbon-design-system · Apr 25, 2024 · 7ea3b30 · 7ea3b30
1 parent 7d883c9
commit 7ea3b30
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}