TabSet displays dotted outline in Internet Explorer

[johnm]

When using a TabSet, Internet Explorer displays a dotted outline whenever a user clicks in the blank space to the immediate left or right of the tabs. How do I stop this from happening?

To reproduce:
1. Using Internet Explorer, go to http://www.smartclient.com/smartgwt/showcase/
2. In the Tabs at the top, there should be one tab called Home. Click in the blank space to the right of the tab (without actually clicking on the tab).
3. Observe the dotted outline that appears around the TabSet widget.

[smartgwt.dev]

Which version on IE are you using? Unable to reproduce on IE 7.

[johnm]

I was able to reproduce this issue on IE 6, 7 and 8.

Please see the attachment.

[johnm]

After some research, I think this might be a way to resolve the issue: http://msdn.microsoft.com/en-us/library/ms533783%28VS.85%29.aspx

However, how would I set hideFocus="true" to the html element of the TabSet (or, perhaps, other Canvas widgets as well!) before it is rendered?

Thanks!

[johnm]

Is it was possible to add hideFocus="true" to an html element before it is rendered each time? This would fix the IE dotted-outline issue.