Unverified Commit 5dc54961 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3269716 by andy-blum, mherchel: Olivero: Search is unusable in desktop... 

Issue #3269716 by andy-blum, mherchel: Olivero: Search is unusable in desktop Safari (at wide widths)
parent c668e0b9

core/themes/claro/css/components/jquery.ui/theme.css

+0 −1
Original line number Diff line number Diff line
@@ -596,7 +596,6 @@ 
 */



.ui-autocomplete {

  overflow: hidden;

  color: var(--jui-dropdown-fg-color);

  border: var(--input-border-size) solid var(--jui-dropdown-border-color);

  border-top: 0;

core/themes/claro/css/components/jquery.ui/theme.pcss.css

+0 −1
Original line number Diff line number Diff line
@@ -379,7 +379,6 @@ 
 * Autocomplete

 */

.ui-autocomplete {

  overflow: hidden;

  color: var(--jui-dropdown-fg-color);

  border: var(--input-border-size) solid var(--jui-dropdown-border-color);

  border-top: 0;

core/themes/olivero/templates/block/block--secondary-menu--plugin-id--search-form-block.html.twig

+6 −1
Original line number Diff line number Diff line
@@ -40,7 +40,12 @@ 
      <span class="block-search-wide__button-close"></span>

    </button>



    <div{{ content_attributes.addClass('block-search-wide__wrapper').setAttribute('data-drupal-selector', 'block-search-wide-wrapper') }}>

    {#

      Add tabindex=“-1” to prevent Safari from closing search bar when the submit button is clicked with a mouse.

      @see https://www.drupal.org/project/drupal/issues/3269716

      @see https://bugs.webkit.org/show_bug.cgi?id=229895

    #}

    <div{{ content_attributes.addClass('block-search-wide__wrapper').setAttribute('data-drupal-selector', 'block-search-wide-wrapper').setAttribute('tabindex', '-1') }}>

      <div class="block-search-wide__container">

        <div class="block-search-wide__grid">

          {{ content }}