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