[chore] Merge branch 'release/v16' into UIK-4327/recursively-check-sidebar-in-wizard

Author: ilyabrower

semcore/wizard/CHANGELOG.md

@@ -8,6 +8,12 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Improve types, added `WizardContentProps` with `noSidebar` property, component rewritten in TypeScript.
 
+## [16.1.11] - 2025-10-24
+
+### Changed
+
+- `z-index` value for `Stepper` in `hover` state.
+
 ## [16.1.10] - 2025-10-06
 
 ### Changed

semcore/wizard/__tests__/wizard.browser-test.tsx

@@ -619,3 +619,23 @@ test.describe('Focus Next Prev', () => {
     await expect(locators.button(page, 'Keywords')).toBeFocused();
   });
 });
+
+test.describe('z-index', () => {
+  test('Verify tabs hover elements in content ', async ({ page, browserName }) => {
+    if (browserName == 'firefox') test.skip();
+    const standPath = 'stories/components/wizard/docs/examples/custom_stepper.tsx';
+    const htmlContent = await e2eStandToHtml(standPath, 'en');
+    await page.setContent(htmlContent);
+    await page.setViewportSize({ width: 800, height: 600 });
+
+    const { trigger, modal, steps, nextButton, prevButton, input } = locators;
+    const stepperTabs = steps(page);
+    const firstStep = stepperTabs.nth(0);
+
+    await page.keyboard.press('Tab');
+    await page.keyboard.press('Enter');
+    await nextButton(page, 'Close').waitFor({ state: 'visible' });
+    await firstStep.hover();
+    await expect(page).toHaveScreenshot();
+  });
+});

semcore/wizard/__tests__/wizard.browser-test.tsx-snapshots/z-index-Verify-tabs-hover-elements-in-content-1-chromium-linux.png

@@ -39,7 +39,7 @@ SSidebar {
 
     &:hover {
       background: var(--intergalactic-control-primary-advertising-hover, #421983);
-      z-index: 1;
+      z-index: 2;
     }
     &[active] {
       background: var(--intergalactic-control-primary-advertising-active, #8649e1);