fix(dropdown): add type button in dropdown (#757)

* fix(dropdown): add type button in dropdown

fix #756

* test(dropdown): add test of type button in dropdown component

src/lib/components/Dropdown/Dropdown.spec.tsx

@@ -55,10 +55,24 @@ describe('Components / Dropdown', () => {
       expect(dropdown()).not.toHaveClass('invisible');
     });
   });
+  describe('Type of button', async () => {
+    it('should be of type `button`', async () => {
+      render(<TestDropdown />);
+      expect(button()).toHaveAttribute('type', 'button');
+    });
+
+    it('should be of type `button` with inline', async () => {
+      render(<TestDropdown inline />);
+      expect(button()).toHaveAttribute('type', 'button');
+    });
+  });
 });
 
-const TestDropdown: FC<{ dismissOnClick?: boolean }> = ({ dismissOnClick = true }) => (
-  <Dropdown label="Dropdown button" placement="right" dismissOnClick={dismissOnClick}>
+const TestDropdown: FC<{ dismissOnClick?: boolean; inline?: boolean }> = ({
+  dismissOnClick = true,
+  inline = false,
+}) => (
+  <Dropdown label="Dropdown button" placement="right" dismissOnClick={dismissOnClick} inline={inline}>
     <Dropdown.Header>
       <span className="block text-sm">Bonnie Green</span>
       <span className="block truncate text-sm font-medium">[email protected]</span>

src/lib/components/Dropdown/Dropdown.tsx

@@ -119,11 +119,11 @@ const DropdownComponent: FC<DropdownProps> = ({
     }, [ref]);
 
     return inline ? (
-      <button ref={ref} className={theme.inlineWrapper}>
+      <button type="button" ref={ref} className={theme.inlineWrapper}>
         {children}
       </button>
     ) : (
-      <Button ref={ref} {...buttonProps}>
+      <Button type="button" ref={ref} {...buttonProps}>
         {children}
       </Button>
     );