fix(Button): Use type attribute if specified (react-bootstrap#5208)

* fix(Button): Apply type attribute if "as" is an input

* Use type prop if explicitly passed in

Author: kyletsang

src/Button.js

@@ -60,7 +60,6 @@ const defaultProps = {
   variant: 'primary',
   active: false,
   disabled: false,
-  type: 'button',
 };
 
 const Button = React.forwardRef(
@@ -94,8 +93,10 @@ const Button = React.forwardRef(
       props.ref = ref;
     }
 
-    if (!as) {
+    if (type) {
       props.type = type;
+    } else if (!as) {
+      props.type = 'button';
     }
 
     const Component = as || 'button';

test/ButtonSpec.js

@@ -26,6 +26,23 @@ describe('<Button>', () => {
       .should.equal('submit');
   });
 
+  it('Should show the type if explicitly passed in when "as" is used', () => {
+    mount(
+      <Button as="div" type="submit">
+        Title
+      </Button>,
+    )
+      .getDOMNode()
+      .getAttribute('type')
+      .should.equal('submit');
+  });
+
+  it('Should not have default type=button when "as" is used', () => {
+    const wrapper = mount(<Button as="div">Title</Button>);
+
+    expect(wrapper.getDOMNode().getAttribute('type')).to.be.null;
+  });
+
   it('should forward refs to the button', () => {
     const ref = React.createRef();
     mount(