Selected item is not highlighted in LWC Tree Grid in Google Chrome

Question

I use LWC and Tree Grid data strcuture.

My component looks like this in Firefox, Safari:

But it's not highlighted in Chrome:

How to make it work in Chrome? As most of people use it as default browser.

Answer 1

I believe this is an SLDS issue. Open below url in Chrome and Safari you will see even in the documentation it doesn't work on Chrome.

https://developer.salesforce.com/docs/component-library/bundle/lightning:tree/example

I applied aria-selected="true" manually and it worked. If this is crucial for you maybe you can try the same.