How to make ColorPicker tab accessible when it nest inside of CommandBar

[yutingx]

I'm trying to make a toolbar that are using commandBar, at one of the item I made a CommandBarButton that can open a ColorPicker once clicked. Mouse access is fine, but keyboard can't smoothly access the slider of ColorPicker. I can use -> arrow key to navigate to next slider, but have to move the cursor all the way to the right for it. Tab will move focus back to button, which will close the colorPicker.

Any way to workaround this?

[ValentinaKozlova]

Hello @yutingx, you might want to try a new V9 ColorPicker. It should be accessible:
https://react.fluentui.dev/?path=/docs/components-colorpicker--docs