Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[SF_ACC][1.8.0][Wizard] Steps are overlapping #6067

Closed
1 of 4 tasks
i323808 opened this issue Nov 18, 2022 · 2 comments · Fixed by #6169
Closed
1 of 4 tasks

[SF_ACC][1.8.0][Wizard] Steps are overlapping #6067

i323808 opened this issue Nov 18, 2022 · 2 comments · Fixed by #6169
Assignees
Labels
bug This issue is a bug in the code Low Prio TOPIC RL

Comments

@i323808
Copy link

i323808 commented Nov 18, 2022

Bug Description

Steps of Wizard are overlapping on small screens.
We found a workaround that is adding overflow-x: clip to .ui5-wiz-step-root, but the visual focus outline will be partial.

Expected Behavior

Steps of Wizard should not overlap on any size screen.

Steps to Reproduce

  1. Go to https://sap.github.io/ui5-webcomponents/playground/components/Wizard/
  2. Shrink the screen
  3. Steps of Wizard are overlapping

Isolated Example

https://sap.github.io/ui5-webcomponents/playground/components/Wizard/

Context

  • UI5 Web Components version: 1.8.0
  • OS/Platform: macOS Monterey
  • Browser: Chrome Version 106.0.5249.119 (Official Build) (x86_64)
  • Affected component: Wizard

Log Output / Stack Trace / Screenshots

wizard_steps_overlap

wizard_steps_outline

Priority

  • Low
  • Medium
  • High
  • Very High

The priority indicates the severity of the issue. To set the appropriate priority consider the following criteria:

  • Breaks entire application or system - High or Very High
  • Accessibility issue - Medium or High
  • Functional issue - Medium or High
  • Visual issue - Low or Medium

Note: The priority might be re-evaluated by the issue processor.

Stakeholder Info (if applicable)

  • Organization: {...}
  • Business impact: {...}
@dobrinyonkov
Copy link
Contributor

Hello @SAP/ui5-webcomponents-topic-rl,

this issue can be reproduced in the playground:
https://sap.github.io/ui5-webcomponents/main/playground/components/Wizard/

When the screen width is resized and shrunk, the steps in the Wizard are cut before they overlap in the popover.

Could you please look into this issue?

Kind Regards,
Dobrin

@dobrinyonkov dobrinyonkov added bug This issue is a bug in the code TOPIC RL Medium Prio labels Nov 18, 2022
@hristop
Copy link
Contributor

hristop commented Nov 22, 2022

Hi,

As the steps are overlapping while resizing by just a small amount, we are considering this as visual issue and not an accessibility one, thus lowering the priority.

Best Regards,
Hristo

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug This issue is a bug in the code Low Prio TOPIC RL
Projects
Status: Completed
Development

Successfully merging a pull request may close this issue.

5 participants