Tabs taking keypress focus

[alexdover]

Issue summary

I'm using the tabs component to render a settings page which has multiple forms. The documentation is a little light on how to code up the panel contents, but I have used onSelect to toggle between the forms I have.

What I have now found and can't seem to stop is that every time I press a key in the forms, the tabs grab the focus.

I am new to React so apologies if I am missing something obvious!

Expected behavior

When completing a form on the page the tabs do not take the focus.

Actual behavior

Typing into a field on the same page as a tab sees tab take the focus

Steps to Reproduce the Problem

Specifications

• Polaris version: 1.0.2
• React version: 15.5.4
• Browser: Chrome
• Device: Macbook Pro
• Operating System: MacOs Sierra

NOTE: This repo is only used for reporting issues and new feature requests. We are not accepting pull requests at this point in time.

[lemonmade]

Thanks for the issue, @alexdover, confirmed that this is indeed happening. I'll have a fix up in the next version, which I am hoping to release on Friday. Will close this issue once it's addressed.

[alexdover]

OK, thanks - at least it wasn't just a newbie issue!

[lemonmade]

Should be fixed by v1.1.0

[alexdover]

Great, thanks!

[cbodtorf]

I just upgraded to polaris v1.1.1

Still having this issue.

[lemonmade]

@cbodtorf can you provide some markup that exhibits this issue? I am unable to reproduce.