Skip to content

ObjectPage Regression: Tab Switching Fails After Programmatic Navigation in ObjectPage with (IconTabBar Mode) #7235

@soriasayer

Description

@soriasayer

Describe the bug

After the recent fix for programmatic tab highlighting 7215 a regression occurs when:

  1. Tab A → Tab B: Triggered via a button (programmatic navigation) → Tab B highlights and renders correctly.
  2. Tab B → Tab A: Clicking Tab A highlights it, but the content remains stuck on Tab B.
    • onSelectedSectionChange does not fire until manual refresh.

Isolated Example

No response

Reproduction steps

  1. Configure an ObjectPage with IconTabBar mode and two tabs (A and B).
  2. Navigate from Tab A to Tab B via a button (e.g., setSelectedSectionId("B")).
  3. Click back to Tab A in the tab strip.
  4. Observe:
    • Tab A is highlighted (UI).
    • Content remains on Tab B (incorrect).
    • No onSelectedSectionChange event is triggered.

Expected Behaviour

Clicking Tab A after programmatic navigation should:

  • Highlight Tab A and show its content.
  • Fire onSelectedSectionChange with selectedSectionId="A".

Screenshots or Videos

No response

UI5 Web Components for React Version

2.9.1

UI5 Web Components Version

2.9.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

SAP

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    Status

    🆕 New

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions