fix: allows menu to position correctly in RTL

zendeskgarden · Feb 29, 2024 · ce407db · ce407db
1 parent 1f19180
commit ce407db
Show file tree

Hide file tree

Showing 2 changed files with 103 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/dropdowns.next/src/elements/menu/utils.ts b/packages/dropdowns.next/src/elements/menu/utils.ts
@@ -70,12 +70,16 @@ export const toFloatingPlacement = (
   if (isRtl) {
     /* Map Floating-UI to RTL placements */
     const placementMapRtl: Record<string, FloatingPlacement> = {
+      'top-start': 'top-end',
+      'top-end': 'top-start',
       left: 'right',
       'left-start': 'right-start',
       'left-end': 'right-end',
       right: 'left',
       'right-start': 'left-start',
-      'right-end': 'left-end'
+      'right-end': 'left-end',
+      'bottom-start': 'bottom-end',
+      'bottom-end': 'bottom-start'
     };
 
     retVal = placementMapRtl[retVal] || retVal;