cms icon indicating copy to clipboard operation
cms copied to clipboard

[6.x] Command palette button styling suggest you can type in it

Open robdekort opened this issue 4 months ago • 1 comments

Bug description

The command palette styling in the header bar suggest you can type in it. So when I was tabbing through the interface with my keyboard I was kinda thrown off by the fact that I have to hit enter first before I can type.

Image

This is a bit confusing because:

  1. It's styled like a text input.
  2. When you hover over it the mouse changes into a type cursor.

The solution could be:

  1. Remove that cursor and don't style it as a text input but as a button.
  2. Forward any typing when this button has focus into the actual command palette.

How to reproduce

.

Logs


Environment

Environment
Application Name: Theory Digital
Laravel Version: 12.39.0
PHP Version: 8.4.15
Composer Version: 2.9.1
Environment: local
Debug Mode: ENABLED
URL: theorydigital.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: smtp
Queue: sync
Session: file

Storage
public/storage: NOT LINKED

Locales
Installed: en
LaravelLang\Actions\Plugin: 1.11.0
LaravelLang\Attributes\Plugin: 2.14.0
LaravelLang\HttpStatuses\Plugin: 3.11.0
LaravelLang\Lang\Plugin: 15.26.2
LaravelLang\MoonShine\Plugin: INCORRECT
LaravelLang\StarterKits\Plugin: 1.6.0
Locales Version: 2.10.0
Protected: en
Publisher Version: 16.7.0

Statamic
Addons: 4
Sites: 1
Stache Watcher: Enabled (auto)
Static Caching: Disabled
Version: 6.0.0-alpha.17 PRO

Statamic Addons
studio1902/statamic-peak-browser-appearance: dev-statamic-6
studio1902/statamic-peak-commands: dev-statamic-6
studio1902/statamic-peak-seo: dev-statamic-6
studio1902/statamic-peak-tools: dev-statamic-6

Installation

Starter Kit using via CLI

Additional details

No response

robdekort avatar Dec 02 '25 16:12 robdekort

Additionally I noticed that when you invoke the command palette by giving it focus, hitting enter, searching for something and hitting enter to go to the searched item, the search button in the header remains focussed. Possibly due to Intertia? If you want a separate issue for this, let me know.

robdekort avatar Dec 03 '25 13:12 robdekort