fix: Modify dom to be visible

Workday · Oct 24, 2024 · 1d27f7e · 1d27f7e
1 parent 9d54bf9
commit 1d27f7e
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/modules/react/breadcrumbs/stories/examples/Overflow.tsx b/modules/react/breadcrumbs/stories/examples/Overflow.tsx
@@ -26,6 +26,11 @@ export const OverflowBreadcrumbs = () => {
   return (
     <div>
       <Box width={containerWidth} marginBottom="xl">
+        <div style={{display: 'flex', flexDirection: 'column'}}>
+          <span>Current Container Width: {containerWidth}</span>
+          <span>Overflow visibility: {model.menu.state.visibility}</span>
+        </div>
+        <hr />
         <Breadcrumbs model={model} aria-label="Breadcrumbs">
           <Breadcrumbs.List overflowButton={<Breadcrumbs.OverflowButton aria-label="More links" />}>
             {item =>