From cb45dd816cad351f594d42447cdb9dc0760dcfbf Mon Sep 17 00:00:00 2001
From: Guilherme Datilio Ribeiro <guilhermedatilio@gmail.com>
Date: Thu, 24 Oct 2024 11:48:34 -0300
Subject: [PATCH] fix: fixed overflowmenu nested bug (#17861)

---
 .../OverflowMenu.featureflag.stories.js       | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/packages/react/src/components/OverflowMenu/OverflowMenu.featureflag.stories.js b/packages/react/src/components/OverflowMenu/OverflowMenu.featureflag.stories.js
index e82bc4ef903a..f8b77a99e5fe 100644
--- a/packages/react/src/components/OverflowMenu/OverflowMenu.featureflag.stories.js
+++ b/packages/react/src/components/OverflowMenu/OverflowMenu.featureflag.stories.js
@@ -15,6 +15,7 @@ import {
 } from '../Menu';
 import { OverflowMenu } from './';
 import { WithFeatureFlags } from '../../../.storybook/templates/WithFeatureFlags';
+import { FeatureFlags } from '../FeatureFlags';
 
 export default {
   title: 'Components/OverflowMenu/Feature Flag',
@@ -68,16 +69,22 @@ export const AutoAlign = () => {
 
 export const Nested = () => {
   return (
-    <OverflowMenu>
-      <MenuItem label="Level 1" />
-      <MenuItem label="Level 1" />
-      <MenuItem label="Level 1">
-        <MenuItem label="Level 2" />
-        <MenuItem label="Level 2" />
-        <MenuItem label="Level 2" />
-      </MenuItem>
-      <MenuItem label="Level 1" />
-    </OverflowMenu>
+    <FeatureFlags
+      flags={{
+        'enable-v12-overflowmenu': true,
+        'enable-v12-dynamic-floating-styles': false,
+      }}>
+      <OverflowMenu>
+        <MenuItem label="Level 1" />
+        <MenuItem label="Level 1" />
+        <MenuItem label="Level 1">
+          <MenuItem label="Level 2" />
+          <MenuItem label="Level 2" />
+          <MenuItem label="Level 2" />
+        </MenuItem>
+        <MenuItem label="Level 1" />
+      </OverflowMenu>
+    </FeatureFlags>
   );
 };