Skip to content

Combobox focus issues when searchable="false" #13747

@duncanmcclean

Description

@duncanmcclean

Bug description

There seems to be a few focus state issues when searchable="false":

  • You can't tab to the combobox.
  • You can't press space or enter to open the combobox.
    • The event listeners for this are on the <ComboboxInput> component, but thats only rendered when the combobox is searchable.
  • When you hover away from options in the dropdown, a focus state is visible. However, it's clipped on the left/right sides.

Originally reported as statamic/seo-pro#487

How to reproduce

  1. Add a Select field to your blueprint
    • Make sure "Searchable" is disabled
  2. Attempt to tab into the combobox. It won't work.
  3. Open the dropdown and hover away. You'll see the clipped focus state.

Logs

Environment

Environment
Application Name: Statamic
Laravel Version: 12.49.0
PHP Version: 8.4.17
Composer Version: 2.9.3
Environment: local
Debug Mode: ENABLED
URL: seo-pro-sandbox.test
Maintenance Mode: OFF
Timezone: UTC
Locale: en

Cache
Config: NOT CACHED
Events: NOT CACHED
Routes: NOT CACHED
Views: CACHED

Drivers
Broadcasting: log
Cache: file
Database: sqlite
Logs: stack / single
Mail: log
Queue: sync
Session: file

Storage
public/storage: NOT LINKED

Statamic
Addons: 1
Sites: 1
Stache Watcher: Enabled (auto)
Static Caching: Disabled
Version: 6.x-dev PRO

Statamic Addons
statamic/seo-pro: 7.x-dev

Installation

Fresh statamic/statamic site via CLI

Additional details

No response

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions