From ae9b1946f931641272e00713e9e98fbc459fd2b9 Mon Sep 17 00:00:00 2001
From: Jeff Grannes <jeff@flipgrid.com>
Date: Tue, 19 Apr 2022 23:54:19 -0500
Subject: [PATCH 1/4] fix(listbox): Update submit button querySelector
 specificity (#903)

---
 packages/listbox/src/machine.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/listbox/src/machine.ts b/packages/listbox/src/machine.ts
index 7fd84af75..e525efb90 100644
--- a/packages/listbox/src/machine.ts
+++ b/packages/listbox/src/machine.ts
@@ -228,7 +228,9 @@ function submitForm(data: ListboxStateData, event: any) {
   // sucker.
   let { hiddenInput } = event.refs;
   if (hiddenInput && hiddenInput.form) {
-    let submitButton = hiddenInput.form.querySelector("button,[type='submit']");
+    let submitButton = hiddenInput.form.querySelector(
+      "button:not([type]),[type='submit']"
+    );
     submitButton && (submitButton as any).click();
   }
 }

From 2499b08cdbdfa2c949da6d1996136f60419f760f Mon Sep 17 00:00:00 2001
From: rainmodred <albphoenix@gmail.com>
Date: Wed, 20 Apr 2022 08:00:24 +0300
Subject: [PATCH 2/4] [Tabs] Add test for manual keyboard navigation (#883)

---
 packages/tabs/__tests__/tabs.test.tsx | 33 ++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/packages/tabs/__tests__/tabs.test.tsx b/packages/tabs/__tests__/tabs.test.tsx
index c5b2f5a4c..58349c079 100644
--- a/packages/tabs/__tests__/tabs.test.tsx
+++ b/packages/tabs/__tests__/tabs.test.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { render, fireEvent } from "$test/utils";
+import { render, fireEvent, userEvent } from "$test/utils";
 import styled from "styled-components";
 import {
   Tabs,
@@ -464,7 +464,7 @@ describe("<Tabs />", () => {
     });
 
     it("focuses the correct tab with manual keyboard navigation", () => {
-      const { getByRole } = render(
+      const { getByRole, getByText } = render(
         <div>
           <Tabs keyboardActivation={TabsKeyboardActivation.Manual}>
             <TabList>
@@ -491,10 +491,31 @@ describe("<Tabs />", () => {
 
       expect(tabList).toBeTruthy();
 
-      // TODO: Fails, but works in the browser. Figure out why and fix it.
-      // fireEvent.click(getByText("Tab 1"));
-      // fireEvent.keyDown(tabList, { key: "ArrowRight", code: 39 });
-      // expect(getByText("Tab 2")).toHaveFocus();
+      userEvent.click(getByText("Tab 1"));
+
+      fireEvent.keyDown(tabList, { key: "ArrowRight", code: 39 });
+      expect(getByText("Tab 2")).toHaveFocus();
+      expect(getByText("Panel 1")).toBeVisible();
+      expect(getByText("Panel 2")).not.toBeVisible();
+
+      fireEvent.keyDown(tabList, { key: "ArrowRight", code: 39 });
+      expect(getByText("Tab 3")).toHaveFocus();
+
+      fireEvent.keyDown(tabList, { key: "ArrowRight", code: 39 });
+      expect(getByText("Tab 1")).toHaveFocus();
+
+      fireEvent.keyDown(tabList, { key: "ArrowLeft", code: 37 });
+      expect(getByText("Tab 3")).toHaveFocus();
+
+      fireEvent.keyDown(tabList, { key: "ArrowLeft", code: 37 });
+      fireEvent.keyDown(tabList, { key: "ArrowLeft", code: 37 });
+      expect(getByText("Tab 1")).toHaveFocus();
+
+      fireEvent.keyDown(tabList, { key: "End", code: 35 });
+      expect(getByText("Tab 3")).toHaveFocus();
+
+      fireEvent.keyDown(tabList, { key: "Home", code: 36 });
+      expect(getByText("Tab 1")).toHaveFocus();
     });
 
     it("correctly calls focus and blur events on Tab component", () => {

From cd8e9f069945fc3a44d46a7cc4d938f2e019cda2 Mon Sep 17 00:00:00 2001
From: Zach Gotsch <orbipedis@gmail.com>
Date: Tue, 19 Apr 2022 22:00:51 -0700
Subject: [PATCH 3/4] Escape vertical bar in CustomCheckbox Props table (#871)

---
 website/src/pages/checkbox.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/pages/checkbox.mdx b/website/src/pages/checkbox.mdx
index a025284ec..de95b1609 100644
--- a/website/src/pages/checkbox.mdx
+++ b/website/src/pages/checkbox.mdx
@@ -431,7 +431,7 @@ Please see the [styling guide](/styling).
 | [`disabled`](#customcheckbox-disabled)             | `boolean`                    | false    |
 | [`name`](#customcheckbox-name)                     | `string`                     | false    |
 | [`onChange`](#customcheckbox-onchange)             | `func`                       | false    |
-| [`value`](#customcheckbox-value)                   | `string | number`            | false    |
+| [`value`](#customcheckbox-value)                   | `string \| number`           | false    |
 
 ##### CustomCheckbox `span` props
 

From eabc38fea16194d356fc8c521c5e027dc1a5bc2c Mon Sep 17 00:00:00 2001
From: Vlad Yanchevsky <yanchevsky.v@gmail.com>
Date: Wed, 20 Apr 2022 07:03:22 +0200
Subject: [PATCH 4/4] Fix missing TOC link for AlertDialogLabel (#864)

---
 website/src/pages/alert-dialog.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/pages/alert-dialog.mdx b/website/src/pages/alert-dialog.mdx
index 36a895655..46cfc7552 100644
--- a/website/src/pages/alert-dialog.mdx
+++ b/website/src/pages/alert-dialog.mdx
@@ -11,7 +11,7 @@ import { TOC, TOCList, TOCLink } from "../components/TOC";
 <TOC>
   <TOCList>
     <TOCLink href="#alertdialog">AlertDialog</TOCLink>
-    <TOCLink href="#alertdialogcontent">AlertDialogContent</TOCLink>
+    <TOCLink href="#alertdialoglabel">AlertDialogLabel</TOCLink>
     <TOCLink href="#alertdialogdescription">AlertDialogDescription</TOCLink>
     <TOCLink href="#alertdialogoverlay">AlertDialogOverlay</TOCLink>
     <TOCLink href="#alertdialogcontent">AlertDialogContent</TOCLink>