[ObjectPage] Provide a way to detect clicking on a tab header

[ThiagoSzz]

Is your feature request related to a problem?

Currently (afaik) it's not possible to detect when clicking on a tab header (title of a page section).
The onSelectedSectionChange event of the ObjectPage component is only triggered when the selected section is changed (switching tabs).
The onClick event of the ObjectPage component does not work when clicking on a tab.
The onClick event of the ObjectPageSection subcomponent is only triggered when clicking on the content of the page section.

Describe the solution you'd like

My suggestion is that an onSectionHeaderClick event is exposed through a property of the ObjectPageSection subcomponent. This event would be triggered everytime when clicking on the tab of the section.

Describe alternatives you've considered

Another way is to make the onClick event of the ObjectPage component be triggered when clicking on a tab, so that we could access the clicked tab by the event.target field.

Additional Context

Would be great if this is available on v1.28+.

Organization

No response

Declaration

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

[Lukas742]

Hi @ThiagoSzz

I couldn't find any specifications for this behavior. Could you please elaborate on your use case and explain why the current events are not sufficient?

Would be great if this is available in v1.28+.

Since this would be a new feature, downporting is unfortunately not feasible, as only bug fixes are considered for downport releases.

[ThiagoSzz]

Hello, @Lukas742

In my case, a component that is rendered under a section of the ObjectPage needs a value that comes from another component, and the idea would be to get the updated state of this value when the user clicks on the section's tab.

The currently provided events don't help me because if I'm already at the desired section, the onSelectedSectionChange event is not triggered so I cannot detect when the tab has been clicked.

[Lukas742]

Thanks for the clarification @ThiagoSzz!

You can use the onBeforeNavigate event for this. This event is fired every time a user selects a section via the tab bar.
I noticed that this is not really described in the prop's description, so I've created a PR which will improve that.