Fix ngSubmit.

README.md

@@ -8,17 +8,17 @@
 [![npm][dt-image]][npm-url]
 [![npm][dm-image]][npm-url]
 
-[Demo](https://stackblitz.com/edit/ionic-selectable-basic?file=pages/home/home.html) | [Getting started](#getting-started) | [Features](#features) | [FAQ](../../wiki/FAQ) | [Docs](../../wiki/Documentation) | [Share it](#Share-it) | [Ask on LinkendIn](https://www.linkedin.com/in/evgeniikoriakin/)
+[Demo](https://stackblitz.com/edit/ionic-selectable-basic?file=pages/home/home.html) | [Features](#features) | [Getting started](#getting-started) | [FAQ](../../wiki/FAQ) | [Docs](../../wiki/Documentation) | [Share it](#Share-it) | [Ask on LinkendIn](https://www.linkedin.com/in/evgeniikoriakin/)
 
 An Ionic component similar to [Ionic Select](https://ionicframework.com/docs/api/components/select/Select/), that allows to search items, including async search, infinite scrolling and more.
 
 ![iOS Demo](images/demo.gif)
 
 # Contents
 * [Demo](https://stackblitz.com/edit/ionic-selectable-basic?file=pages/home/home.html)
+* [Features](#Features)
 * [Getting started](#getting-started)
 * [Supported Ionic versions](#supported-ionic-versions)
-* [Features](#Features)
 * [FAQ](../../wiki/FAQ)
 * [Docs](../../wiki/Documentation)
 * [Theming](../../wiki/Theming)
@@ -28,6 +28,20 @@ An Ionic component similar to [Ionic Select](https://ionicframework.com/docs/api
 *	Ionic 3 (3.6.0 - 3.9.2)
 * Ionic 4 (>=4.0.0-beta.11)
 
+## Features
+* [Single selection](https://stackblitz.com/edit/ionic-selectable-basic?file=pages/home/home.html)
+* [Multiple selection](../../wiki/Documentation#ismultiple)
+* [Search items](https://stackblitz.com/edit/ionic-selectable-basic?file=pages/home/home.html)
+* [Search items asynchronously](https://stackblitz.com/edit/ionic-selectable-on-search?file=pages/home/home.html)
+* [Search by several item fields](https://stackblitz.com/edit/ionic-selectable-on-search?file=pages/home/home.html)
+* [Forms](https://stackblitz.com/edit/ionic-selectable-form-control?file=pages/home/home.html)
+* [InfiniteScroll](https://stackblitz.com/edit/ionic-selectable-infinite-scroll?file=pages/home/home.html)
+* [VirtualScroll](https://stackblitz.com/edit/ionic-selectable-virtual-scroll?file=pages/home/home.html)
+* [Templates](../../wiki/Documentation#templates)
+* [Grouping items](../..//wiki/Documentation#grouping)
+* [Editing, adding and deleting items](../../wiki/Documentation#editing)
+* [Disabling items](../../wiki/Documentation#disableditems)
+
 ## Getting started
 
 1. Install it.  
@@ -125,19 +139,10 @@ export class HomePage {
 Also, explore the [docs](../../wiki/Documentation) and [FAQ](../../wiki/FAQ) to learn more about its features.
 7. Have a question? Ask me on [LinkendIn](https://www.linkedin.com/in/evgeniikoriakin/)!
 
-## Features
-* [Single selection](https://stackblitz.com/edit/ionic-selectable-basic?file=pages/home/home.html)
-* [Multiple selection](../../wiki/Documentation#ismultiple)
-* [Search items](https://stackblitz.com/edit/ionic-selectable-basic?file=pages/home/home.html)
-* [Search items asynchronously](https://stackblitz.com/edit/ionic-selectable-on-search?file=pages/home/home.html)
-* [Search by several item fields](https://stackblitz.com/edit/ionic-selectable-on-search?file=pages/home/home.html)
-* [Forms](https://stackblitz.com/edit/ionic-selectable-form-control?file=pages/home/home.html)
-* [InfiniteScroll](https://stackblitz.com/edit/ionic-selectable-infinite-scroll?file=pages/home/home.html)
-* [VirtualScroll](https://stackblitz.com/edit/ionic-selectable-virtual-scroll?file=pages/home/home.html)
-* [Templates](../../wiki/Documentation#templates)
-* [Grouping items](../..//wiki/Documentation#grouping)
-* [Editing, adding and deleting items](../../wiki/Documentation#editing)
-* [Disabling items](../../wiki/Documentation#disableditems)
+## Development
+* `ionic serve` runs dev app containing test cases/demos.
+* `gulp` creates npm package.
+* `npm publish dist` publishes npm package.
 
 ## Share it
 If you find this component useful, please star the [repo](https://github.com/eakoriakin/ionic-selectable) to let others know that it's reliable. Also, share it with friends and colleagues who might find it useful as well. Thank you 😄

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.0",
+  "version": "4.1.1",
   "name": "ionic-selectable",
   "title": "Ionic Selectable",
   "description": "An Ionic component similar to Ionic Select, that allows to search items, including async search, group, add, edit, delete items, and much more.",

src/app/components/ionic-selectable/ionic-selectable.component.html

@@ -25,6 +25,8 @@
   <div class="ionic-selectable-icon">
     <div class="ionic-selectable-icon-inner"></div>
   </div>
-  <button class="ionic-selectable-cover" [disabled]="!isEnabled" (click)="_click()">
+  <!-- Need to be type="button" otherwise click event triggers form ngSubmit. -->
+  <button class="ionic-selectable-cover" [disabled]="!isEnabled" (click)="_click()"
+    type="button">
   </button>
 </div>

src/app/pages/adding-on-search-fail-async/adding-on-search-fail-async.page.html

@@ -27,7 +27,7 @@
         </ion-label>
       </ng-template>
       <ng-template ionicSelectableAddItemTemplate let-port="item">
-        <form [formGroup]="portForm" novalidate>
+        <form [formGroup]="portForm">
           <ion-list>
             <ion-list-header>
               Add Port

src/app/pages/adding-on-search-fail/adding-on-search-fail.page.html

@@ -26,7 +26,7 @@
         </ion-label>
       </ng-template>
       <ng-template ionicSelectableAddItemTemplate let-port="item">
-        <form [formGroup]="portForm" novalidate>
+        <form [formGroup]="portForm">
           <ion-list>
             <ion-list-header>
               Add Port

src/app/pages/editing-async/editing-async.page.html

@@ -32,7 +32,7 @@
         </ion-label>
       </ng-template>
       <ng-template ionicSelectableAddItemTemplate let-port="item" let-isAdd="isAdd">
-        <form [formGroup]="portForm" novalidate>
+        <form [formGroup]="portForm">
           <ion-list>
             <ion-item-divider>
               {{isAdd ? 'Add' : 'Edit'}} Port

src/app/pages/editing/editing.page.html

@@ -32,7 +32,7 @@
         </ion-label>
       </ng-template>
       <ng-template ionicSelectableAddItemTemplate let-port="item" let-isAdd="isAdd">
-        <form [formGroup]="portForm" novalidate>
+        <form [formGroup]="portForm">
           <ion-list>
             <ion-item-divider>
               {{isAdd ? 'Add' : 'Edit'}} Port