fix(form): buttons

packages/core/src/components/datetime/datetime.tsx

@@ -619,6 +619,7 @@ export class Datetime {
     return [
       <div class={ datetimeTextClasses }>{ datetimeText }</div>,
       <button
+        type='button'
         aria-haspopup='true'
         id={this.datetimeId}
         aria-labelledby={this.labelId}

packages/core/src/components/input/input.tsx

@@ -337,6 +337,7 @@ export class Input implements InputComponent {
         onKeyDown={this.inputKeydown.bind(this)}
       />,
       <button
+        type='button'
         hidden={this.clearInput !== true}
         class='input-clear-icon'
         onClick={this.clearTextInput.bind(this)}

packages/core/src/components/item/item.tsx

@@ -105,9 +105,12 @@ export class Item {
     if (clickable) {
       TagType = this.href ? 'a' : 'button';
     }
+    const attrs = (TagType === 'button')
+      ? {type: 'button'}
+      : {};
 
     return (
-      <TagType class={themedClasses}>
+      <TagType class={themedClasses} {...attrs}>
         <slot name='start'></slot>
         <div class='item-inner'>
           <div class='input-wrapper'>

packages/core/src/components/searchbar/searchbar.tsx

@@ -324,6 +324,7 @@ export class Searchbar {
     const cancelButton =
       this.showCancelButton
         ? <button
+          type='button'
           tabindex={this.mode === 'ios' && !this.activated ? -1 : null}
           onClick={this.cancelSearchbar.bind(this)}
           onMouseDown={this.cancelSearchbar.bind(this)}
@@ -350,6 +351,7 @@ export class Searchbar {
           autoCorrect={this.autocorrect}
           spellCheck={this.spellcheck}/>
         <button
+          type='button'
           class='searchbar-clear-icon'
           onClick={this.clearInput.bind(this)}
           onMouseDown={this.clearInput.bind(this)}>

packages/core/src/components/segment-button/segment-button.tsx

@@ -85,9 +85,13 @@ export class SegmentButton {
     };
 
     const TagType = this.href ? 'a' : 'button';
+    const attrs = (TagType === 'button')
+      ? {type: 'button'}
+      : {};
 
     return [
       <TagType
+       {...attrs}
         aria-pressed={this.activated}
         class={buttonClasses}
         disabled={this.disabled}

packages/core/src/components/select/select.tsx

@@ -508,6 +508,7 @@ export class Select {
         <div class='select-icon-inner'></div>
       </div>,
       <button
+        type='button'
         role='combobox'
         aria-haspopup='dialog'
         aria-expanded={this.isExpanded}