[BUG] UI5-Segmented-Button

[IrvinDelgado]

Bug Description

Two pressed items in <ui5-segmented-button>

Expected Behavior

There should only be one Pressed <ui5-segmented-button-item>

Steps to Reproduce

1. Go to 'CodeSandbox'
2. Click on 'Open Dialog'
3. Click on 'Two'
4. Click on 'Close Dialog'
5. Click on 'Open Dialog'
6. Notice that 'Two' has the Focused property although 'One' is Pressed
7. Click on 'Two'
8. Both 'One' and 'Two' are Pressed.

Isolated Example

If possible, please provide an isolated example by forking CodeSandbox.

Context

• UI5 Web Components version: 1.8.0
• OS/Platform: CodeSandbox
• Browser: Chrome
• Affected component: Segmented-Button

Log Output / Stack Trace / Screenshots

Priority

• [ ] Low
• [ ] Medium
• [x] 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: WEF

[georgimkv]

Hello @SAP/ui5-webcomponents-topic-b

There is a synchronisation issue in the SegmentedButton. The application logic resets the pressed state of the buttons in the correct manner, but on second use of the SegmentedButton, it ends up with two selected buttons. A second issue is that the item navigation is not set to the focused button on step 5. I also found another issue. When this example loads, the SegmentedButton throws a warning: ResizeHandler.js:61 Cannot register ResizeHandler for element undefined.

Would you have a look?