[ObjectPageTitle]: pseudo has() limited browser support - breaks UI in Android devices

[amdev138]

Describe the bug

Hi team,

There are a couple lines of code in ObjectPageTitle/index.tsx#L172 that execute querySelector using the pseudo has() css selector. This selector is not widely supported. In Android devices you will get a runtime exception such as,

and this exception will cause the entire page to not render.

Please use an alternative selector that is commonly supported across all devices/browsers.

:has(> :nth-last-child(n + 2)) > [ui5-toolbar]:last-child

https://caniuse.com/css-has

Thanks,
Allen

Isolated Example

No response

Reproduction steps

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

main

UI5 Web Components Version

main

Browser

Chrome, Edge, Firefox, Safari

Operating System

No response

Additional Context

No response

Relevant log output

Organization

SF

Declaration

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