https://codesandbox.io/s/rmwc-typescript-sandbox-hxc2b?fontsize=14&hidenavigation=1&theme=dark
What RMWC Version are you using [major.minor.patch]: 6.0.14
Name your build system [Webpack, Rollup...]: Parcel
Describe the bug with as much detail as possible: Clicking a tab submits the form.
What happened, and what was supposed to happen: It should just change tabs, not submit the form.
aktary
All 2 comments
I just figured out the issue. HTML buttons are type=submit buttons by default. Tabs get rendered as <button> elements, but no type is set. Simply setting type=button on the <Tab> makes it work as expected. I strongly suggest either building this in to Tab, or putting it in the docs.
aktary
on 3 Jun 2020
That is very interesting and something we should likely report upstream as well. I'll take a look
jamesmfriedman
on 11 Jun 2020
Related issues
alecchisi
路
5Comments
prateekbh
路
6Comments
istisiki
路
4Comments
filbertteo
路
3Comments
darrencruse
路
6Comments
Most helpful comment
I just figured out the issue. HTML buttons are
type=submitbuttons by default. Tabs get rendered as<button>elements, but notypeis set. Simply settingtype=buttonon the<Tab>makes it work as expected. I strongly suggest either building this in toTab, or putting it in the docs.