Ensure shift+home and shift+end works as expected in the Combobox.Input component

packages/@headlessui-react/CHANGELOG.md

@@ -12,6 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Reset form-like components when the parent `<form>` resets ([#2004](https://github.com/tailwindlabs/headlessui/pull/2004))
 - Add warning when using `<Popover.Button />` multiple times ([#2007](https://github.com/tailwindlabs/headlessui/pull/2007))
 - Ensure Popover doesn't crash when `focus` is going to `window` ([#2019](https://github.com/tailwindlabs/headlessui/pull/2019))
+- Ensure `shift+home` and `shift+end` works as expected in the `Combobox.Input` component ([#2024](https://github.com/tailwindlabs/headlessui/pull/2024))
 
 ## [1.7.4] - 2022-11-03
 

packages/@headlessui-react/src/components/combobox/combobox.tsx

@@ -817,12 +817,28 @@ let Input = forwardRefWithAs(function Input<
         })
 
       case Keys.Home:
+        if (event.shiftKey) {
+          break
+        }
+
+        event.preventDefault()
+        event.stopPropagation()
+        return actions.goToOption(Focus.First)
+
       case Keys.PageUp:
         event.preventDefault()
         event.stopPropagation()
         return actions.goToOption(Focus.First)
 
       case Keys.End:
+        if (event.shiftKey) {
+          break
+        }
+
+        event.preventDefault()
+        event.stopPropagation()
+        return actions.goToOption(Focus.Last)
+
       case Keys.PageDown:
         event.preventDefault()
         event.stopPropagation()

packages/@headlessui-vue/CHANGELOG.md

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Reset form-like components when the parent `<form>` resets ([#2004](https://github.com/tailwindlabs/headlessui/pull/2004))
 - Ensure Popover doesn't crash when `focus` is going to `window` ([#2019](https://github.com/tailwindlabs/headlessui/pull/2019))
+- Ensure `shift+home` and `shift+end` works as expected in the `ComboboxInput` component ([#2024](https://github.com/tailwindlabs/headlessui/pull/2024))
 
 ## [1.7.4] - 2022-11-03
 

packages/@headlessui-vue/src/components/combobox/combobox.ts

@@ -775,12 +775,28 @@ export let ComboboxInput = defineComponent({
           })
 
         case Keys.Home:
+          if (event.shiftKey) {
+            break
+          }
+
+          event.preventDefault()
+          event.stopPropagation()
+          return api.goToOption(Focus.First)
+
         case Keys.PageUp:
           event.preventDefault()
           event.stopPropagation()
           return api.goToOption(Focus.First)
 
         case Keys.End:
+          if (event.shiftKey) {
+            break
+          }
+
+          event.preventDefault()
+          event.stopPropagation()
+          return api.goToOption(Focus.Last)
+
         case Keys.PageDown:
           event.preventDefault()
           event.stopPropagation()