feat(gh-16133): add repro for multiselect cursor jump on keyboard select (#76)

Add a reproduction app and notes for streamlit/streamlit#16133, where the
multiselect text caret jumps to the beginning of the input after clearing and
re-selecting an option with the keyboard.

The app walks through the keyboard-only steps that trigger the caret regression
and records the environment, expected/actual behavior, and P3 triage in NOTES.md
so the issue explorer surfaces it like the other gh-* repros.

Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>

Author: sfc-gh-bnisco

issues/gh-16133/NOTES.md

@@ -0,0 +1,30 @@
+# gh-16133: multiselect cursor jumps to start after keyboard re-selection
+
+## Summary
+
+When an option is chosen in `st.multiselect` using the keyboard, the text
+caret is placed correctly (at the end) on the first selection. After the user
+clears the selection with **Escape** and selects again, the caret jumps to the
+**beginning** of the input, so subsequently typed characters are inserted
+before the existing content instead of after it.
+
+## Reproduction
+
+- **Version:** `streamlit>=1.60.0` (reported on 1.60.0).
+- **Steps:**
+  1. Click the multiselect to focus it.
+  2. Type `Red`, press Enter.
+  3. Press Escape twice (close dropdown + clear).
+  4. Type `Red` again, press Enter.
+  5. Keep typing — the caret is at the start of the input, not the end.
+- **Browsers reported:** Edge, Opera, Firefox.
+
+## Classification
+
+- **Type:** Bug (frontend, keyboard/caret handling in the multiselect input).
+- **Status:** Confirmed bug per the issue; marked as a regression.
+- **Areas:** frontend — `Multiselect` widget input / React Aria combobox caret
+  management.
+- **Priority:** P3 (medium) per the issue triage — a keyboard-usability
+  annoyance affecting a specific interaction sequence, with no data loss and a
+  simple mouse-based workaround (click at the end of the input before typing).

issues/gh-16133/app.py

@@ -0,0 +1,69 @@
+"""
+Reproduction for GitHub Issue #16133
+Title: After entering an option with the keyboard in a multiselect, the cursor
+       is positioned at the beginning of the multiselect
+URL: https://github.com/streamlit/streamlit/issues/16133
+
+Expected: After picking an option with the keyboard, the text cursor stays at
+          the end of the input, so the next typed characters appear where you
+          expect them.
+Actual:   After clearing the selection (Escape) and re-selecting an option, the
+          cursor jumps to the beginning of the multiselect input, so newly typed
+          text is inserted before the placeholder/existing content.
+Reported version: 1.60.0
+"""
+
+import streamlit as st
+
+st.title("Issue #16133: multiselect cursor jumps to start after keyboard select")
+st.info("🔗 [View original issue](https://github.com/streamlit/streamlit/issues/16133)")
+
+# --- Issue Overview ---
+st.header("Issue Overview")
+st.write(
+    "**Expected:** After selecting an option with the keyboard, the text cursor "
+    "remains at the end of the input so the next characters you type land where "
+    "you expect."
+)
+st.error(
+    "**Actual (Bug):** After the first keyboard selection the cursor sits after "
+    "the chosen item, but once you clear the selection and re-select, the cursor "
+    "jumps to the *beginning* of the input, making further typing hard to follow."
+)
+
+st.divider()
+
+# --- Bug Demonstration ---
+st.header("Bug demonstration")
+st.write(
+    """
+**Steps (keyboard only, no mouse after the first click):**
+1. Click the multiselect below to focus it.
+2. Type `Red` and press **Enter** — "Red" is selected.
+3. Press **Escape** twice to close the dropdown and clear the selection.
+4. Type `Red` again and press **Enter**.
+5. Start typing another query — observe the caret is at the **start** of the
+   input instead of after your text.
+
+Reported in Edge, Opera, and Firefox. This is a regression — earlier versions
+kept the caret at the end.
+"""
+)
+
+options = st.multiselect(
+    "What are your favorite colors?",
+    ["Green", "Yellow", "Red", "Blue"],
+    default=[],
+)
+st.write("You selected:", options)
+
+st.divider()
+
+# --- Environment ---
+st.header("Environment")
+st.code(f"Streamlit version: {st.__version__}")
+st.code(
+    "Reported on: Streamlit 1.60.0\n"
+    "Browsers: Edge, Opera, Firefox\n"
+    "Regression: yes (worked in previous versions)"
+)