From 2a9641d69bba91d643a2e73f104ada63bca1fd5c Mon Sep 17 00:00:00 2001 From: Prince Patel Date: Mon, 15 Dec 2025 10:31:58 +0530 Subject: [PATCH 1/2] overlapping issue seen in bacom in iphone landscape mode --- libs/blocks/global-navigation/utilities/menu/menu.css | 5 ----- libs/blocks/global-navigation/utilities/menu/menu.js | 3 +-- 2 files changed, 1 insertion(+), 7 deletions(-) diff --git a/libs/blocks/global-navigation/utilities/menu/menu.css b/libs/blocks/global-navigation/utilities/menu/menu.css index 117717c96ae..1392fa09871 100644 --- a/libs/blocks/global-navigation/utilities/menu/menu.css +++ b/libs/blocks/global-navigation/utilities/menu/menu.css @@ -194,11 +194,6 @@ content auhtored manually and AEM-imported content */ column-gap: 12px; } - .feds-menu-column--wide { - flex-grow: 1; - max-width: 75%; - } - .feds-menu-column--group .feds-menu-column:not(:last-child) { margin-bottom: 0; padding-bottom: 0; diff --git a/libs/blocks/global-navigation/utilities/menu/menu.js b/libs/blocks/global-navigation/utilities/menu/menu.js index 8a18dbcbde0..ef48a2be849 100644 --- a/libs/blocks/global-navigation/utilities/menu/menu.js +++ b/libs/blocks/global-navigation/utilities/menu/menu.js @@ -339,8 +339,7 @@ const decorateColumns = async ({ content, separatorTagName = 'H5', context } = { if (column.querySelector(selectors.columnBreak)) { wrapper.classList.add(`${wrapperClass}--group`); - if (column.querySelectorAll(selectors.columnBreak).length > 1) wrapper.classList.add(`${wrapperClass}--wide`); - + const wideColumn = document.createElement('div'); wideColumn.append(...column.childNodes); menuItems.append(wideColumn); From f2c950afd2be7eff02699d2b600f0114712a8621 Mon Sep 17 00:00:00 2001 From: Prince Patel Date: Tue, 16 Dec 2025 10:27:45 +0530 Subject: [PATCH 2/2] fix lint error --- libs/blocks/global-navigation/utilities/menu/menu.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/libs/blocks/global-navigation/utilities/menu/menu.js b/libs/blocks/global-navigation/utilities/menu/menu.js index ef48a2be849..63ae6452a5d 100644 --- a/libs/blocks/global-navigation/utilities/menu/menu.js +++ b/libs/blocks/global-navigation/utilities/menu/menu.js @@ -339,7 +339,7 @@ const decorateColumns = async ({ content, separatorTagName = 'H5', context } = { if (column.querySelector(selectors.columnBreak)) { wrapper.classList.add(`${wrapperClass}--group`); - + const wideColumn = document.createElement('div'); wideColumn.append(...column.childNodes); menuItems.append(wideColumn);