Skip to content

fix(ui5-step-input): fix z-index of increase/decrease buttons and focus#7709

Merged
NHristov-sap merged 1 commit intomainfrom
GH_stepinput_zorder
Oct 19, 2023
Merged

fix(ui5-step-input): fix z-index of increase/decrease buttons and focus#7709
NHristov-sap merged 1 commit intomainfrom
GH_stepinput_zorder

Conversation

@NHristov-sap
Copy link
Copy Markdown
Contributor

This PR adjusts z-index values of increase/decrease buttons and focus in order to keep lower possible z-index of the component in case when there is sticky element on page.

Fixes: #7697

@NHristov-sap NHristov-sap merged commit 8bb9c4c into main Oct 19, 2023
@NHristov-sap NHristov-sap deleted the GH_stepinput_zorder branch October 19, 2023 07:17
NHristov-sap added a commit that referenced this pull request Apr 16, 2026
There was incorrect z-index positioning of [ - ] button of the `ui5-step-input` component and as a result when there is some sticky element on page with z-index: 1, and a StepInput goes under it, the [ - ] button's icon appears over this sticky element:

<img width="779" height="392" alt="image" src="https://github.com/user-attachments/assets/6b114923-15ca-46b9-aaaa-a93a2e4e912c" />

After fixing this issue, other focus-related issues appeared, and are also fixed by this PR.

Fixes: #7709
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Step Input / Object Page Section]: Step Icon visible over Header when scrolling

3 participants