Olivero: Search toggle button doesn't work on click in Safari without JavaScript

Created on 23 March 2022, over 2 years ago
Updated 2 July 2023, over 1 year ago

Problem/Motivation

Follow-up issue to #3269716: Olivero: Search is unusable in desktop Safari (at wide widths) β†’

In chrome and firefox, clicking the search button in the navigation (when JavaScript is disabled) brings focus into the search wrapper, and CSS styles use :focus-within to open the search bar. Safari, however, does not delegate focus to buttons on click. We need to either find a way to make safari open the search on click, or pare back the functionality of that button to a link to /search.

πŸ› Bug report
Status

Postponed

Version

11.0 πŸ”₯

Component
OliveroΒ  β†’

Last updated 2 days ago

Created by

πŸ‡ΊπŸ‡ΈUnited States andy-blum Ohio, USA

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • πŸ‡¦πŸ‡ΊAustralia acbramley

    Confirmed this is still an issue on 11.x, clicking the search button with javascript disabled on Chrome or Firefox still opens the search box (although focus isn't moved into the textfield).

    On Safari, the search button does nothing.

    Adding a screenshot to make it clear which search button.

  • Status changed to Postponed over 1 year ago
  • πŸ‡ΊπŸ‡ΈUnited States andy-blum Ohio, USA

    Adding link to relevant webkit bug, postponing issue.

Production build 0.71.5 2024