Replace ToggleDescribedBy component with inlined

WordPress · Oct 12, 2023 · 634864f · 634864f
1 parent 591d61a
commit 634864f
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/packages/components/src/border-control/border-control-dropdown/component.tsx b/packages/components/src/border-control/border-control-dropdown/component.tsx
@@ -182,12 +182,6 @@ const BorderControlDropdown = (
 		? 'bottom left'
 		: undefined;
 
-	const ToggleDescribedBy = () => (
-		<VisuallyHidden id={ toggleDescriptionId }>
-			{ toggleDescription }
-		</VisuallyHidden>
-	);
-
 	const renderToggle: DropdownComponentProps[ 'renderToggle' ] = ( {
 		onToggle,
 	} ) => (
@@ -264,7 +258,9 @@ const BorderControlDropdown = (
 
 	return (
 		<>
-			<ToggleDescribedBy />
+			<VisuallyHidden id={ toggleDescriptionId }>
+				{ toggleDescription }
+			</VisuallyHidden>
 			<Dropdown
 				renderToggle={ renderToggle }
 				renderContent={ renderContent }