UI bugs in Safari 18.2

[robdekort]

Bug description

In some update recently the select field and button group styling got degraded, at least in Safari.

Select field

The arrow part misses a border

Button group

There's hardly any contrast left for unselected items.

How to reproduce

Check those fields.

Logs

No response

Environment

Environment
Application Name: Statamic Peak Development
Laravel Version: 11.34.2
PHP Version: 8.2.26
Composer Version: 2.8.3
Environment: local
Debug Mode: ENABLED
URL: statamic-peak.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

Statamic
Addons: 4
Sites: 1
Stache Watcher: Enabled (auto)
Static Caching: Disabled
Version: 5.42.0 PRO

Statamic Addons
studio1902/statamic-peak-browser-appearance: 3.6.0
studio1902/statamic-peak-commands: 8.12.0
studio1902/statamic-peak-seo: 8.18.0
studio1902/statamic-peak-tools: 6.6.0

Installation

Fresh statamic/statamic site via CLI

Additional details

No response

[duncanmcclean]

Where are you seeing the issue with the Select dropdown? I'm looking at the site dropdown on a nav and the border on the arrow part is showing: 🤔

(I'm testing in Safari)

[robdekort]

Oh silly me. It's actually the language picker above a collection tree. Sorry about that, I presumed here.

[robdekort]

Hmm, I do see this happening with any select field.

[robdekort]

[duncanmcclean]

Which version of Safari are you on?

Both fieldtypes are displaying fine for me on Safari 18.1.1:

[robdekort]

18.2

[jasonvarga]

Ahhhh okay. That was a weird move by Apple. 🤔

[robdekort]

Hahahahaha

[duncanmcclean]

I updated to macOS 18.2 over the holidays and I can see similar issues with other UI elements 🫠

Thanks Apple!