Fix prefetch

common/components/__init__.py

@@ -41,6 +41,7 @@ from common.components.primitives import (
     paginated_table_content,
 )
 from common.components.search_select import (
+    DEFAULT_PREFETCH,
     FilterSelect,
     LabeledOption,
     SearchSelect,
@@ -87,6 +88,7 @@ __all__ = [
     "Popover",
     "PopoverTruncated",
     "SearchField",
+    "DEFAULT_PREFETCH",
     "FilterSelect",
     "LabeledOption",
     "SearchSelect",

common/components/filters.py

@@ -7,7 +7,7 @@ from django.utils.safestring import SafeText, mark_safe
 
 from common.components.core import Component
 from common.components.primitives import Label, Span
-from common.components.search_select import FilterSelect, LabeledOption
+from common.components.search_select import DEFAULT_PREFETCH, FilterSelect, LabeledOption
 
 
 class FilterChoice(NamedTuple):
@@ -91,8 +91,6 @@ def _parse_bool(existing: dict, key: str) -> bool:
 # option set; model-backed fields fetch from a search endpoint on demand, with
 # labels embedded in the filter JSON so pills render without a DB round-trip.
 
-_FILTER_PREFETCH = 20
-
 # Presence modifiers drive the pinned (Any)/(None) pseudo-options. They are
 # mutually exclusive with value pills (selecting one clears the value set).
 # Must match JS PRESENCE_MODIFIERS in search_select.js.
@@ -189,7 +187,7 @@ def _model_filter(
         modifier=modifier,
         modifier_options=_modifier_options(nullable, m2m_modifiers),
         search_url=search_url,
-        prefetch=_FILTER_PREFETCH,
+        prefetch=DEFAULT_PREFETCH,
     )
 
 

common/components/search_select.py

@@ -67,6 +67,11 @@ _NO_RESULTS_CLASS = "px-3 py-2 text-sm italic text-body hidden"
 # used to derive the panel's max-height from items_visible.
 _ROW_HEIGHT_REM = 2.25
 
+# Default number of rows to fetch on first focus when a search_url is set.
+# Shared by filter and form widgets so the dropdown is populated for keyboard
+# navigation as soon as the user opens it.
+DEFAULT_PREFETCH = 20
+
 # ── FilterSelect styling ───────────────────────────────────────────────────
 # Inline class strings (ported verbatim from the retired SelectableFilter CSS)
 # so the filter combobox is fully self-styled — nothing in input.css. JS-added

common/input.css

@@ -206,8 +206,8 @@ textarea:disabled {
   label {
     @apply mb-2.5 text-sm font-medium text-heading;
   }
-  input:not([type="checkbox"]) {
-    @apply mb-3 bg-neutral-secondary-medium border border-default-medium text-heading text-sm rounded-base focus:ring-brand focus:border-brand block w-full px-3 py-2.5 shadow-xs placeholder:text-body; 
+  input:not([type="checkbox"]):not([data-search-select-search]) {
+    @apply mb-3 bg-neutral-secondary-medium border border-default-medium text-heading text-sm rounded-base focus:ring-brand focus:border-brand block w-full px-3 py-2.5 shadow-xs placeholder:text-body;
   }
   input[type="checkbox"] {
     @apply  w-4 h-4 border border-default-medium rounded-xs bg-neutral-secondary-medium focus:ring-2 focus:ring-brand-soft;