italia / design-angular-kit

Il toolkit Angular conforme alle linee guida di design per i servizi web della PA.
https://italia.github.io/design-angular-kit
BSD 3-Clause "New" or "Revised" License
73 stars 30 forks source link

Button default type #355

Closed g-contaldi closed 4 months ago

g-contaldi commented 6 months ago

Comportamento atteso

Mi aspetterei che il type di default dei button sia button

Comportamento attuale

ItButtonDirective, non avendo un type di default impostato, e quindi prendendo il default del browser che per la maggior parte è submit, crea malfunzionamenti per button che sono all'interno di \<form>. Mi è capitato che alla pressione del taso invio in qualsiasi punto del form andasse sul primo button che trova, che nel mio caso è quello di "Annulla", facendomi uscire dal form.

Possibili soluzioni

Consiglio di implementare su ItButtonDirective un type di default che sia impostato a button:

  /**
   * The type attribute
   * @default button
   */
  @Input() @HostBinding('type') type: 'button' | 'reset' | 'submit' = 'button';

In modo poi dai impostare type="submit" solamente sui button che effettivamente fanno il submit di form.

github-actions[bot] commented 4 months ago

:tada: This issue has been resolved in version 1.0.3 :tada:

The release is available on:

Your semantic-release bot :package::rocket: