chore(menu-surface): Position surface to the right if the anchor is wider than the surface and is flipped horizontally.

PiperOrigin-RevId: 340245340

Author: material-web-copybara

packages/mdc-menu-surface/foundation.ts

@@ -400,7 +400,8 @@ export class MDCMenuSurfaceFoundation extends MDCFoundation<MDCMenuSurfaceAdapte
 
     const isRtl = this.adapter.isRtl();
     const isFlipRtl = this.hasBit(this.anchorCorner, CornerBit.FLIP_RTL);
-    const hasRightBit = this.hasBit(this.anchorCorner, CornerBit.RIGHT);
+    const hasRightBit = this.hasBit(this.anchorCorner, CornerBit.RIGHT) ||
+        this.hasBit(corner, CornerBit.RIGHT);
 
     // Whether surface attached to right side of anchor element.
     let isAnchoredToRight = false;

packages/mdc-menu-surface/test/foundation.test.ts

@@ -842,6 +842,17 @@ describe('MDCMenuSurfaceFoundation', () => {
             .toHaveBeenCalledWith({right: 0, top: 0});
       });
 
+  testFoundation(
+      '#open Surface is positioned from right side in LTR when corner is flipped horizontally and anchor is wider than menu.',
+      ({foundation, mockAdapter}) => {
+        initAnchorLayout(mockAdapter, wideTopLeft);
+        foundation.flipCornerHorizontally();
+        foundation.open();
+        jasmine.clock().tick(1);  // Run to frame.
+        expect(mockAdapter.setTransformOrigin).toHaveBeenCalledWith('center top');
+        expect(mockAdapter.setPosition).toHaveBeenCalledWith({right: 0, top: 0});
+      });
+
   testFoundation(
       '#open Surface is positioned from left side in LTR when corner is flipped horizontally and space is not available on the left side.',
       ({foundation, mockAdapter}) => {