Open alexander-e1off opened 3 years ago
ember-paper version 1.0.0-beta.35.
ember-paper
1.0.0-beta.35
When use chips inside a form:
chips
form
<PaperForm @onSubmit={{action "basicSubmitAction"}} as |form|> ... <PaperChips @content={{this.content}} @removeItem={{action "removeItem"}} @addItem={{action "addItem"}} @placeholder="Add a tag" /> <div class="layout-row"> <form.submit-button @raised={{true}} @primary={{true}}>Submit</form.submit-button> </div> </PaperForm>
After entering new tag and pressing Enter button, form is sent and closed.
Enter
It is expected behavior for other components, e.g. input, but for chips I expect that new tag is added and form is not closed.
input
As a simple workaround I wrapped chips into div:
div
<div onkeydown="if (event.keyCode == 13) {return false;}"> <PaperChips @content={{this.content}} @removeItem={{action "removeItem"}} @addItem={{action "addItem"}} @placeholder="Add a tag" /> </div>
Is there better solution to solve this issue?
ember-paper
version1.0.0-beta.35
.When use
chips
inside aform
:After entering new tag and pressing
Enter
button, form is sent and closed.It is expected behavior for other components, e.g.
input
, but forchips
I expect that new tag is added and form is not closed.As a simple workaround I wrapped
chips
intodiv
:Is there better solution to solve this issue?