rux-global-status-bar: Cannot style scroll bar in container part

[ascala07]

Describe the bug If the container part is targeted on the rux-global-status-bar and the overflow is changed from hidden to auto, there is no astro styling on the scroll bar. I believe I can also not target the pseudo element after styling the part (i.e. #rux-global-status-bar::part(container)::--webkit-scroll-bar) because of this issue https://github.com/w3c/csswg-drafts/issues/4530. So, there is no way to style it to be astro compliant.

To Reproduce Steps to reproduce the behavior:

1. Create a rux-global-status-bar
2. Change the overflow: hidden to overflow: auto
3. Shrink the status bar so that it overflow and scroll bar is visible
4. No style is there

Current behavior If a scroll bar appears in the status bar it is unstyled.

Expected behavior If a status bar appears, it should be styled or least be able to style it.

Screenshots

CodeSandbox If applicable, please provide a CodeSandbox or other online code editor tool link that contains an example of the bug.

Environment (please complete the following information):

• Browser: Edge
• @astrouxds/astro-web-components version: 7.11.0
• Framework: Angular 15
• Framework wrapper: @astrouxds/angular

Additional context

[micahjones13]

Hey @ascala07, thanks for bringing this up! A fix has been merged in and will be included in the todays release (7.15.0).

[ascala07]

Hey @ascala07, thanks for bringing this up! A fix has been merged in and will be included in the todays release (7.15.0).

Thank you for the quick turn around!