fix(combobox): when the user types command and deletes the first part…

… of an argument the box should stay open

src/components/ComboBox/ComboBox.test.tsx

@@ -175,4 +175,17 @@ describe("ComboBox", () => {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
     expect(event.target.value).toEqual("hello\n");
   });
+
+  test("select command, type / and then delete", async () => {
+    const { user, ...app } = render(<App />);
+    const textarea = app.getByRole("combobox");
+    await user.type(textarea, "@fi{Enter}");
+    expect(app.getByRole("combobox").textContent).toEqual("@file ");
+    await user.type(textarea, "/");
+    expect(app.queryByText("/foo")).not.toBeNull();
+    expect(app.queryByText("/bar")).not.toBeNull();
+    await user.type(textarea, "{Backspace}");
+    expect(app.queryByText("/foo")).not.toBeNull();
+    expect(app.queryByText("/bar")).not.toBeNull();
+  });
 });

src/components/ComboBox/ComboBox.tsx

@@ -175,11 +175,12 @@ export const ComboBox: React.FC<ComboBoxProps> = ({
       const maybeCommand = detectCommand(ref.current);
 
       if (maybeCommand !== null) {
-        const [command, args] = maybeCommand.command.split(" ");
+        const maybeCommandWithArguments = maybeCommand.command.split(" ");
+        const [command, args] = maybeCommandWithArguments;
 
         if (!selectedCommand && args) {
           setSelectedCommand(command + " ");
-        } else if (selectedCommand && !args) {
+        } else if (selectedCommand && maybeCommandWithArguments.length < 2) {
           setSelectedCommand("");
         }