HTML Form submit event not being triggered about paper-button HOT 9 CLOSED

IMO this issue belongs to paper-button, it should be extending the native button tag so that it would trigger both the native and the iron-form events, 'cause it should be possible to use paper-button with a regular form tag, in case you have a form with action of javascript: and are capturing the submit event and sending data through a websocket.

from paper-button.

@notwaldorf I am not sure if that would work, 'cause you can't submit a form until there's a button tag, I mean not at all.
so to workaround this behavior, we will not only have to trigger submit on the form on paper-button's click, but we will also have to stick an empty button element somewhere in the form.

from paper-button.

From @steelbrain on July 21, 2015 1:10

Maybe this can be solved by making paper-button extend the button tag?

from paper-button.

Hm... Seems to me like an issue with iron-form - will move there.

from paper-button.

Moving again, correctly this time.

from paper-button.

This issue was moved to PolymerElements/iron-form#32

from paper-button.

Unfortunately, since the paper-button needs to style some things, it cannot extend a native button (at the moment you can't extend a native element and change its template).

I think the simplest solution is in your code that uses the form, add an on-click listener for your paper-button, and call form.submit() (see example: https://github.com/PolymerElements/iron-form/blob/master/demo/index.html#L93)

@cdata: do you see a different way for the paper-button to figure out which form it should submit? :(

from paper-button.

@steelbrain I don't think that's correct. You can manually submit the iron-form without a native button. If you check out the iron-form demo (https://github.com/PolymerElements/iron-form/blob/master/demo/index.html#L54), removing the native button from any of the forms will not affect the actual form submission. (you can see that the data is printed out, and the request goes through)

from paper-button.

I was actually talking about the vanilla HTML form 😅

from paper-button.