UI5 / UI5/openui5

sap.suite.ui.commons.MicroProcessFlow Micro Progress Item is not shown fully when focused

Open
#4,054 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug in progress
Dominant language
JavaScript
Stars
3.3k
Forks
1.3k
PR merge metrics
No merged PRs in 30d

Description

OpenUI5 version:

1.123.2

Browser/version (+device/version):

Chrome

Any other tested browsers/devices(OK/FAIL):

Firefox (FAIL)

URL (minimal example if possible):

https://sapui5.hana.ondemand.com/sdk/#/entity/sap.suite.ui.commons.MicroProcessFlow/sample/sap.suite.ui.commons.sample.MicroProcessFlowSmartTable

Steps to reproduce the problem:

Click and on first micro process flow item to see the focus highlight issue.
Click to open the popover from any micro process flow item.
Click on the icon from popover to activate the focus.

What is the expected result?

Any icon should be displayed fully.

What happens instead?

First icon and standalone icon from popover is not displayed fully. If we have many micro flow items (>= 7), the last one is also not displayed fully.

Any other information? (attach screenshot if possible)

Icon border got cut at begin and end.

Screenshot 2024-05-22 at 12 17 52 PM

Icon border got cut at begin.

Screenshot 2024-05-22 at 12 27 53 PM

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the MicroProcessFlowSmartTable sample at the linked UI5 SDK URL and reproduce the focus behavior in Firefox and Chrome. Inspect the MicroProcessFlow and popover focus rendering, then verify that the first, last, and standalone popover icons are displayed fully when focused.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.