From 1cb911c394ce5fcf148f779bcf5e97e7cd99e9fa Mon Sep 17 00:00:00 2001
From: Melloware <mellowaredev@gmail.com>
Date: Mon, 2 May 2022 11:33:59 -0400
Subject: [PATCH] Fix #1432/#2827: Type="button" (#2829)

---
 components/lib/carousel/Carousel.js       | 6 +++---
 components/lib/paginator/FirstPageLink.js | 2 +-
 components/lib/paginator/LastPageLink.js  | 2 +-
 components/lib/paginator/NextPageLink.js  | 2 +-
 components/lib/paginator/PageLinks.js     | 2 +-
 components/lib/paginator/PrevPageLink.js  | 2 +-
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/lib/carousel/Carousel.js b/components/lib/carousel/Carousel.js
index 87a14f424a..982436d8d4 100644
--- a/components/lib/carousel/Carousel.js
+++ b/components/lib/carousel/Carousel.js
@@ -487,7 +487,7 @@ export const Carousel = React.memo(React.forwardRef((props, ref) => {
         });
 
         return (
-            <Button className={className} icon={iconClassName} onClick={navBackward} disabled={isDisabled} aria-label={ariaLabel('previousPageLabel')} />
+            <Button type='button' className={className} icon={iconClassName} onClick={navBackward} disabled={isDisabled} aria-label={ariaLabel('previousPageLabel')} />
         )
     }
 
@@ -502,7 +502,7 @@ export const Carousel = React.memo(React.forwardRef((props, ref) => {
         });
 
         return (
-            <Button className={className} icon={iconClassName} onClick={navForward} disabled={isDisabled} aria-label={ariaLabel('nextPageLabel')} />
+            <Button type='button' className={className} icon={iconClassName} onClick={navForward} disabled={isDisabled} aria-label={ariaLabel('nextPageLabel')} />
         )
     }
 
@@ -515,7 +515,7 @@ export const Carousel = React.memo(React.forwardRef((props, ref) => {
 
         return (
             <li key={key} className={className}>
-                <Button className="p-link" onClick={(e) => onDotClick(e, index)} aria-label={`${ariaLabel('pageLabel')} ${index + 1}`} />
+                <Button type='button' className="p-link" onClick={(e) => onDotClick(e, index)} aria-label={`${ariaLabel('pageLabel')} ${index + 1}`} />
             </li>
         )
     }
diff --git a/components/lib/paginator/FirstPageLink.js b/components/lib/paginator/FirstPageLink.js
index 2ec945b712..32556fb205 100644
--- a/components/lib/paginator/FirstPageLink.js
+++ b/components/lib/paginator/FirstPageLink.js
@@ -7,7 +7,7 @@ export const FirstPageLink = React.memo((props) => {
     const className = classNames('p-paginator-first p-paginator-element p-link', { 'p-disabled': props.disabled });
     const iconClassName = 'p-paginator-icon pi pi-angle-double-left';
     const element = (
-        <Button className={className} icon={iconClassName} onClick={props.onClick} disabled={props.disabled} aria-label={ariaLabel('firstPageLabel')}/>
+        <Button type='button' className={className} icon={iconClassName} onClick={props.onClick} disabled={props.disabled} aria-label={ariaLabel('firstPageLabel')}/>
     );
 
     if (props.template) {
diff --git a/components/lib/paginator/LastPageLink.js b/components/lib/paginator/LastPageLink.js
index 1357709a30..6d587f49d9 100644
--- a/components/lib/paginator/LastPageLink.js
+++ b/components/lib/paginator/LastPageLink.js
@@ -7,7 +7,7 @@ export const LastPageLink = React.memo((props) => {
     const className = classNames('p-paginator-last p-paginator-element p-link', { 'p-disabled': props.disabled });
     const iconClassName = 'p-paginator-icon pi pi-angle-double-right';
     const element = (
-        <Button className={className} icon={iconClassName} onClick={props.onClick} disabled={props.disabled} aria-label={ariaLabel('lastPageLabel')}/>
+        <Button type='button' className={className} icon={iconClassName} onClick={props.onClick} disabled={props.disabled} aria-label={ariaLabel('lastPageLabel')}/>
     );
 
     if (props.template) {
diff --git a/components/lib/paginator/NextPageLink.js b/components/lib/paginator/NextPageLink.js
index b49a7b50dd..11d1267508 100644
--- a/components/lib/paginator/NextPageLink.js
+++ b/components/lib/paginator/NextPageLink.js
@@ -7,7 +7,7 @@ export const NextPageLink = React.memo((props) => {
     const className = classNames('p-paginator-next p-paginator-element p-link', { 'p-disabled': props.disabled });
     const iconClassName = 'p-paginator-icon pi pi-angle-right';
     const element = (
-        <Button className={className} icon={iconClassName} onClick={props.onClick} disabled={props.disabled} aria-label={ariaLabel('nextPageLabel')}/>
+        <Button type='button' className={className} icon={iconClassName} onClick={props.onClick} disabled={props.disabled} aria-label={ariaLabel('nextPageLabel')}/>
     );
 
     if (props.template) {
diff --git a/components/lib/paginator/PageLinks.js b/components/lib/paginator/PageLinks.js
index 1e6ad0271d..5391906cf8 100644
--- a/components/lib/paginator/PageLinks.js
+++ b/components/lib/paginator/PageLinks.js
@@ -30,7 +30,7 @@ export const PageLinks = React.memo((props) => {
             });
 
             let element = (
-                <Button className={className} onClick={(e) => onPageLinkClick(e, pageLink)} aria-label={`${ariaLabel('pageLabel')} ${pageLink + 1}`}>
+                <Button type='button' className={className} onClick={(e) => onPageLinkClick(e, pageLink)} aria-label={`${ariaLabel('pageLabel')} ${pageLink + 1}`}>
                     {pageLink}
                 </Button>
             );
diff --git a/components/lib/paginator/PrevPageLink.js b/components/lib/paginator/PrevPageLink.js
index 8a3545e3ab..6b68e2e520 100644
--- a/components/lib/paginator/PrevPageLink.js
+++ b/components/lib/paginator/PrevPageLink.js
@@ -7,7 +7,7 @@ export const PrevPageLink = React.memo((props) => {
     const className = classNames('p-paginator-prev p-paginator-element p-link', { 'p-disabled': props.disabled });
     const iconClassName = 'p-paginator-icon pi pi-angle-left';
     const element = (
-        <Button className={className} icon={iconClassName} onClick={props.onClick} disabled={props.disabled} aria-label={ariaLabel('previousPageLabel')}/>
+        <Button type='button' className={className} icon={iconClassName} onClick={props.onClick} disabled={props.disabled} aria-label={ariaLabel('previousPageLabel')}/>
     );
 
     if (props.template) {