fix(ui-top-nav-bar): ensure Drilldown overflows correctly in small vi…

[ToMESSKa]

…ewports in TopNavBar

INSTUI-4607

ISSUE:

• in small viewports, the Drilldown in TopNavbar does not overflow the menubar due to this recent fix where Drilldown mountNode was modified fix(ui-top-nav-bar,ui-drilldown): fix Drilldown's and TopNavBar's key… #1975

TEST PLAN:

• open OpenTopNavBar Fullscreen example in narrow viewport to make the button with the question icon to appear on the right end
• click on in, the drilldown should be fully visible

[Copilot]

Pull Request Overview

This PR removes the relative positioning from the small viewport layout container so drilldown menus can overflow beyond their parent.

• Removed position: 'relative' from the small viewport styles to eliminate a stacking context issue.

Comments suppressed due to low confidence (2)

packages/ui-top-nav-bar/src/TopNavBar/TopNavBarLayout/SmallViewportLayout/styles.ts:76

• [nitpick] Add a comment explaining why position: 'relative' was removed to clarify the rationale and prevent confusion for future maintainers.

position: 'relative',

packages/ui-top-nav-bar/src/TopNavBar/TopNavBarLayout/SmallViewportLayout/styles.ts:76

• Add a visual regression or unit test to verify that drilldown menus overflow correctly in small viewports, preventing future regressions.

position: 'relative',

[github-actions]

PR Preview Action v1.6.2
Preview removed because the pull request was closed.
2025-07-03 13:54 UTC