Issue #3223268 by javi-er, dhirendra.mishra, mherchel: Olivero: IE11 primary...

Issue #3223268 by javi-er, dhirendra.mishra, mherchel: Olivero: IE11 primary menu submenus have horizontal scrollbar when submenu item has focus

(cherry picked from commit 0c9dfc7d)

core/themes/olivero/css/components/navigation/nav-primary-wide.css

@@ -222,7 +222,10 @@
     }
 
       body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2:focus:before {
+        top: 0;
+        left: -0.5625rem;
         height: 100%;
+        transform: none;
       }
 
       [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {

core/themes/olivero/css/components/navigation/nav-primary-wide.pcss.css

@@ -147,7 +147,10 @@ body:not(.is-always-mobile-nav) {
       display: block;
 
       &:focus:before {
+        top: 0;
+        left: calc(var(--sp0-5) * -1);
         height: 100%;
+        transform: none;
       }
 
       & .primary-nav__menu-link-inner {