From 0f80347c6c595b2959441c19ec3427af65180271 Mon Sep 17 00:00:00 2001
From: Halvor Haugan <halvor.haugan@nav.no>
Date: Mon, 21 Oct 2024 15:28:10 +0200
Subject: [PATCH] Combobox: Only reset virtual focus on input blur if focus is
 moving to a button

---
 .changeset/cold-ghosts-brake.md                      | 5 +++++
 @navikt/core/react/src/form/combobox/Input/Input.tsx | 8 +++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/cold-ghosts-brake.md

diff --git a/.changeset/cold-ghosts-brake.md b/.changeset/cold-ghosts-brake.md
new file mode 100644
index 00000000000..f2b34a0b226
--- /dev/null
+++ b/.changeset/cold-ghosts-brake.md
@@ -0,0 +1,5 @@
+---
+"@navikt/ds-react": patch
+---
+
+Combobox: Only reset virtual focus on input blur if focus is moving to a button
diff --git a/@navikt/core/react/src/form/combobox/Input/Input.tsx b/@navikt/core/react/src/form/combobox/Input/Input.tsx
index aab4f4fe9cf..6469adc7c32 100644
--- a/@navikt/core/react/src/form/combobox/Input/Input.tsx
+++ b/@navikt/core/react/src/form/combobox/Input/Input.tsx
@@ -253,7 +253,13 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
         type="text"
         role="combobox"
         value={value}
-        onBlur={composeEventHandlers(onBlur, virtualFocus.resetFocus)}
+        onBlur={composeEventHandlers(onBlur, (event) => {
+          if (isListOpen && event.relatedTarget?.tagName === "BUTTON") {
+            // Remove virtual focus when focus is moved to a chip.
+            // This prevents a value from being selected when pressing enter to remove a chip.
+            virtualFocus.resetFocus();
+          }
+        })}
         onClick={() => {
           setHideCaret(!!maxSelected?.isLimitReached);
           value !== searchTerm && onChange(value);