EnhancedButton tap/click reloads page when it in form

[vmakhaev]

EnhancedButton uses <button> element. When <button> is placed inside <form> it reloads page when it clicked/taped.

Maybe we will consider to use to something else (<a> as example).

It also affect FlatButton, IconButton.

[hai-cea]

@vmakhaev Try setting type="button" on those components. The spread operator should pass it down to the button element to prevent the default submit action. See this article:

http://stackoverflow.com/questions/932653/how-to-prevent-buttons-from-submitting-forms

[vmakhaev]

Yes, that works. Problem is not my case, problem that there are will be more users who meet this. How can we prevent it? Should we add type="button" to EnhancedButton?

[hai-cea]

I'm not sure if we should change this default HTML behavior? There are 3 values for type: submit, reset, and button. Submit is the default if no type is specified.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type

[vmakhaev]

Ok, at least they can find this issue