From b734d861ea16bc2eed67d785f5098547af0b6c4b Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 13 May 2021 16:31:59 +0100
Subject: [PATCH] Use divs rather than a tags for pagination to avoid
 navigation issue in client apps

---
 packages/bbui/src/Pagination/Pagination.svelte | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/bbui/src/Pagination/Pagination.svelte b/packages/bbui/src/Pagination/Pagination.svelte
index e9ee31cc65..704e05fab1 100644
--- a/packages/bbui/src/Pagination/Pagination.svelte
+++ b/packages/bbui/src/Pagination/Pagination.svelte
@@ -1,5 +1,7 @@
 <script>
   import "@spectrum-css/pagination/dist/index-vars.css"
+  import "@spectrum-css/actionbutton/dist/index-vars.css"
+  import "@spectrum-css/typography/dist/index-vars.css"
 
   export let page
   export let goToPrevPage
@@ -9,7 +11,7 @@
 </script>
 
 <nav class="spectrum-Pagination spectrum-Pagination--explicit">
-  <a
+  <div
     href="#"
     class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet spectrum-Pagination-prevButton"
     on:click={hasPrevPage ? goToPrevPage : null}
@@ -23,11 +25,11 @@
     >
       <use xlink:href="#spectrum-css-icon-Chevron100" />
     </svg>
-  </a>
+  </div>
   <span class="spectrum-Body--secondary spectrum-Pagination-counter">
     Page {page}
   </span>
-  <a
+  <div
     href="#"
     class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet spectrum-Pagination-nextButton"
     on:click={hasNextPage ? goToNextPage : null}
@@ -41,7 +43,7 @@
     >
       <use xlink:href="#spectrum-css-icon-Chevron100" />
     </svg>
-  </a>
+  </div>
 </nav>
 
 <style>