[SF][ListItemGroup]: [Can't style the title inside shadow root]

[Jasonl157]

Describe the bug

this component has a structure of

• ui5-li-group
  • shadow-root
  • part header
    • shadow-root
    • part title

However, css selector [ui5-li-group]::part(title) doesn't work

Isolated Example

https://stackblitz.com/edit/github-j8xf4qvj-sficempu?file=src%2FApp.tsx

Reproduction steps

1. Open the example and inspect the group header
2. Find the <span> with part="title"
3. The customized css style is not applied

Expected Behaviour

customized style can work, or the <span> with part="title" can come with width 100%.
In my case, I want the header to take full width, so the button can be aligned to the right side

Screenshots or Videos

No response

UI5 Web Components for React Version

2.19.0

UI5 Web Components Version

2.19.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

SF

Declaration

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

[Lukas742]

Hi @Jasonl157

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

---

Hi Colleagues,
could you please check whether exportparts should be available on the Title inside ListItemGroup?

[s-todorova]

Hello @UI5/ui5-team-ctr-pir ,

Could you please take a look at this?
Title part can be exposed by adding exportparts="title" in the ListItemGroupTemplate, please check out if this is a viable option.

Best,
Siyana