Keep not-allowed cursor on disabled SearchSelect input

Excluding the inner search box from the global disabled rule also dropped its
cursor: not-allowed, so the pointer flickered between not-allowed (wrapper) and
the text I-beam (input) when moving across the disabled widget. Add
disabled:cursor-not-allowed to the search input so the cursor stays consistent.

e2e: assert the disabled inner input computes cursor: not-allowed.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-19 18:42:52 +02:00
parent b49b5f1cc3
commit b13cc3c324
3 changed files with 13 additions and 1 deletions
+5 -1
View File
@@ -66,9 +66,13 @@ _CONTAINER_CLASS = (
"has-[:disabled]:opacity-50 has-[:disabled]:cursor-not-allowed"
)
_PILLS_CLASS = "contents"
# disabled:cursor-not-allowed matches the wrapper's cursor so hovering across
# the whole widget stays consistent — the inner input is excluded from the
# global disabled rule (input.css), which would otherwise have set it.
_SEARCH_CLASS = (
"flex-1 min-w-[8rem] border-0 bg-transparent text-sm text-heading "
"focus:ring-0 focus:outline-hidden placeholder:text-body"
"focus:ring-0 focus:outline-hidden placeholder:text-body "
"disabled:cursor-not-allowed"
)
# top-full anchors the panel to the container's bottom edge: as an absolutely
# positioned child of the flex field, its static position would otherwise be