fix(dropdowns): overrides floating ui's default RTL handling to prefer theme.rtl in menu (#1728)

Author: geotrev

package-lock.json

@@ -14,7 +14,15 @@ import {
   getFloatingPlacements,
   getMenuPosition
 } from '@zendeskgarden/react-theming';
-import { autoPlacement, autoUpdate, flip, offset, size, useFloating } from '@floating-ui/react-dom';
+import {
+  autoPlacement,
+  autoUpdate,
+  platform,
+  flip,
+  offset,
+  size,
+  useFloating
+} from '@floating-ui/react-dom';
 import { IMenuListProps, PLACEMENT } from '../../types';
 import { StyledFloatingMenu, StyledMenu } from '../../views';
 import { createPortal } from 'react-dom';
@@ -59,6 +67,14 @@ export const MenuList = forwardRef<HTMLUListElement, IMenuListProps>(
       update,
       floatingStyles: { transform }
     } = useFloating<HTMLElement>({
+      platform: {
+        ...platform,
+        // Defers RTL to Garden
+        // References:
+        // - https://github.com/floating-ui/floating-ui/issues/1530
+        // - https://github.com/floating-ui/floating-ui/blob/master/packages/dom/src/platform/isRTL.ts#L3
+        isRTL: () => theme.rtl
+      },
       elements: { reference: triggerRef?.current, floating: floatingRef?.current },
       placement: floatingPlacement,
       middleware: [