Tree: MuliSelect mode, checkbox has all the A11Y props with storybook example but with sandbox implementation its not there.

[saorabhkr]

Hello,
I can see Tree component with MuliSelect mode, rendered checkbox has proper A11y properties whereas when I was creating a code stand box for tree list item and custom list item those A11y properties are missing for the checkbox. Can someone please help me understand If anything else needs to be updated?

Code Stand Box Ex:
https://codesandbox.io/s/editor-proposals-forked-xky86d?file=/src/App.js
https://codesandbox.io/s/editor-proposals-forked-m87kro?file=/src/App.js

Taken for List-Item

Taken for Custom-list-Item

Images taken from storybook:

Link: https://sap.github.io/ui5-webcomponents-react/?path=/docs/data-display-tree--docs

Am I missing while creating a sandbox?

Best Regards,

[Lukas742]

Hi @saorabhkr

you're using outdated versions in your codeSandbox where these enhancements weren't available yet. Since this component is developed by the ui5-webcomponents team, I don't know in which version the changes were made.

Here's an updated codeSandbox using the latest version of both @ui5/webcomponents and @ui5/webcomponents-react and there the attribute is available.

[saorabhkr]

Thanks for the update, I'll give a try.