Allow to specify type on MatIconButton. Fixes #315

- Material icon button changes - set type in Material autocomplete Thanks!
SamProf · Oct 30, 2019 · ad9a45d · ad9a45d
1 parent ed0c202
commit ad9a45d
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 2 deletions.
diff --git a/src/MatBlazor/Components/MatAutocomplete/MatAutocomplete.razor b/src/MatBlazor/Components/MatAutocomplete/MatAutocomplete.razor
@@ -9,7 +9,7 @@
     @if (IsShowingClearButton)
     {
         <div class="mat-autocomplete-clearbutton">
-            <MatIconButton Icon="clear" OnMouseDown="@ClearText"></MatIconButton>
+            <MatIconButton Type="button" Icon="clear" OnMouseDown="@ClearText"></MatIconButton>
         </div>
     }
     @if (Collection != null && IsOpened)

diff --git a/src/MatBlazor/Components/MatIconButton/BaseMatIconButton.cs b/src/MatBlazor/Components/MatIconButton/BaseMatIconButton.cs
@@ -47,6 +47,13 @@ protected bool Toggled
             }
         }
 
+        /// <summary>
+        /// The default behavior of the button. Possible values are:
+        /// "button", "reset", "submit"
+        /// </summary>
+        [Parameter]
+        public string Type { get; set; }
+
         /// <summary>
         /// Navigate to this url when clicked.
         /// </summary>

diff --git a/src/MatBlazor/Components/MatIconButton/MatIconButton.razor b/src/MatBlazor/Components/MatIconButton/MatIconButton.razor
@@ -1,7 +1,7 @@
 @namespace MatBlazor
 @inherits BaseMatIconButton
 
-<button class="@ClassMapper.Class" style="@Style" @ref="Ref"  disabled=@Disabled @onclick="OnClickHandler" @onmousedown="OnMouseDown" href=@Link @attributes="Attributes" Id="@Id">
+<button class="@ClassMapper.Class" type=@Type style="@Style" @ref="Ref"  disabled=@Disabled @onclick="OnClickHandler" @onmousedown="OnMouseDown" href=@Link @attributes="Attributes" Id="@Id">
     @if (Icon != null)
     {
         @if (ToggleIcon != null && Toggled)

diff --git a/src/MatBlazor/MatBlazor.xml b/src/MatBlazor/MatBlazor.xml