Getting Ctrl+F6 and Ctrl+Right Arrow to work on a Custom Visual

[safalkishore]

We develoepd a custom visual with the latest library as mentioned on this article. However we have an accessibility bug with respect to the entry point of the visual as described below :

Ctrl+F6 highlights the visaul with a blue border

As a next step Ctrl+Right arrow does not get into or highlight the <button> that is the entry point of the visual.

Things we tried thus far:

• Settings a higher TABINDEX (say like 5 instead of 0 on other controls)
• Setting style/class/attributes like - autofocus, focus-nav-mode (Group), keyboard-shortcuts (trl-ArrowRight scoped)
• Also tried the suggestion on this stackoverflow thread.
• Setting .focus() on the element once the page/visual loads up. (this will not work when you click outside the visual and try Ctrl+F6 to get back into the visual)

Please do let us know in case you have any suggestions ?