fix: pass menu separator ref (#1847)

strapi · Feb 4, 2025 · e25a380 · e25a380
1 parent 091d446
commit e25a380
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/popular-terms-remain.md b/.changeset/popular-terms-remain.md
@@ -0,0 +1,5 @@
+---
+'@strapi/design-system': patch
+---
+
+fix: pass menu separator ref
diff --git a/packages/design-system/src/components/SimpleMenu/Menu.tsx b/packages/design-system/src/components/SimpleMenu/Menu.tsx
@@ -250,9 +250,9 @@ const StyledSeparator = styled(Box)`
   }
 `;
 
-const MenuSeparator = React.forwardRef<HTMLDivElement, SeparatorProps>((props: SeparatorProps) => (
+const MenuSeparator = React.forwardRef<HTMLDivElement, SeparatorProps>((props: SeparatorProps, ref) => (
   <DropdownMenu.Separator {...props} asChild>
-    <StyledSeparator height="1px" shrink={0} background="neutral150" />
+    <StyledSeparator height="1px" shrink={0} background="neutral150" ref={ref} />
   </DropdownMenu.Separator>
 ));