Dropdown button should be a button element, not a div

[mtford90]

The dropdown button should be a button, not a div.

With it being a div - it's not possible to "tab" to the button, nor is it possible to use the :focus pseudoclass when customising the style via the buttonClass prop.

[mtford90]

So the inner element has div role="button" but the button class targets the outer div rather the button.

[hetpatel33]

@bl00mber - any updates on this?

[vitokhangnguyen]

As an extension of this issue regarding accessibility, I think the dropdown button should be put before rather than after the input in the DOM to respect the tabbing order through the page as well. I tried moving it manually in the browser dev tool and see no problem so far.