-
Notifications
You must be signed in to change notification settings - Fork 280
Description
Describe the bug
Background context: I have a ToolbarSelect with 4 options used for navigating between 4 pages. A second way to navigate between pages is using a 'Next' button to go to the next step, at which point the ToolbarSelect value should update accordingly as well.
Bug: Clicking 'Next' to navigate to the next page does not update the ToolbarSelect value to indicate we are on the next page.
For example, on the first page the ToolbarSelect display value is "Step 1: Prepare Data", and clicking 'Next' should update the value to "Step 2: Map to Facts", but even after the page navigates to the next step, the ToolbarSelect remains on "Step 1: Prepare Data".
More info:
- This issue only occurs in v.2.15.0 of UI5 webcomponents for react. The component works as expected in v.2.14.0.
- In the browser console we can see 4 element tags with "ui5-toolbar-select-option", and the correct "ui5-toolbar-select-option" has the "selected" attribute. However, I found there is a second set of option tags called "ui5-option" in the shadow root of "ui5-select", and the "selected" attribute remains on the first option there. I believe the mismatch in the "selected" option between the "ui5-toolbar-select-option" and "ui5-option" may be causing the issue. There is no mismatch when I tested on v.2.14.0.
Isolated Example
No response
Reproduction steps
This may be difficult to reproduce on your end. I am happy to set up a call sometime so we may screenshare.
Expected Behaviour
ToolbarSelect value should show the current selected option.
Screenshots or Videos
Screenshot of browser elements in 2.14.0 (working as expected, where "selected" is on the correct option in both sets of option tags):

Screenshot of browser elements in 2.15.0 (bug occurs here, and notice that "selected" is on different options in the two sets of option tags):

UI5 Web Components for React Version
2.15.0
UI5 Web Components Version
2.15.0
Browser
Chrome
Operating System
No response
Additional Context
No response
Relevant log output
Organization
No response
Declaration
- I’m not disclosing any internal or sensitive information.
Metadata
Metadata
Assignees
Labels
Type
Projects
Status