Add new fix for hiding arrows from screen reades

Author: trymebytes

src/driver.css

@@ -156,7 +156,7 @@
   justify-content: flex-end;
 }
 
-.driver-popover-navigation-btns span + span {
+.driver-popover-navigation-btns button + button {
   margin-left: 4px;
 }
 
@@ -245,3 +245,7 @@
 .driver-popover-arrow-none {
   display: none;
 }
+
+button.driver-popover-next-btn {
+  margin-left: 4px;
+}

src/popover.ts

@@ -74,13 +74,23 @@ export function renderPopover(element: Element, step: DriveStep) {
     disableButtons,
     showProgress,
 
-    nextBtnText = getConfig("nextBtnText") || "Next →",
-    prevBtnText = getConfig("prevBtnText") || "← Previous",
+    nextBtnText = getConfig("nextBtnText") || "Next",
+    prevBtnText = getConfig("prevBtnText") || "Previous",
     progressText = getConfig("progressText") || "{current} of {total}",
   } = step.popover || {};
 
+  const rightArrow = document.createElement("span");
+  rightArrow.setAttribute("aria-hidden", "true");
+  rightArrow.innerHTML = " →";
+
+  const leftArrow = document.createElement("span");
+  leftArrow.setAttribute("aria-hidden", "true");
+  leftArrow.innerHTML = "← ";
+
   popover.nextButton.innerHTML = nextBtnText;
+  popover.nextButton.appendChild(rightArrow);
   popover.previousButton.innerHTML = prevBtnText;
+  popover.previousButton.insertBefore(leftArrow, popover.previousButton.firstChild);
   popover.progress.innerHTML = progressText;
 
   if (title) {
@@ -632,21 +642,13 @@ function createPopover(): PopoverDOM {
   previousButton.classList.add("driver-popover-prev-btn");
   previousButton.innerHTML = "← Previous";
 
-  const previousBtnSpan = document.createElement("span");
-  previousBtnSpan.setAttribute("aria-hidden", "true");
-  previousBtnSpan.appendChild(previousButton);
-
   const nextButton = document.createElement("button");
   nextButton.type = "button";
   nextButton.classList.add("driver-popover-next-btn");
   nextButton.innerHTML = "Next →";
-  
-  const nextBtnSpan = document.createElement("span");
-  nextBtnSpan.setAttribute("aria-hidden", "true");
-  nextBtnSpan.appendChild(nextButton);
 
-  footerButtons.appendChild(previousBtnSpan);
-  footerButtons.appendChild(nextBtnSpan);
+  footerButtons.appendChild(previousButton);
+  footerButtons.appendChild(nextButton);
   footer.appendChild(progress);
   footer.appendChild(footerButtons);