Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

(cherry picked from commit cab778df96)
merge-requests/2018/head
Lauri Eskola 2022-03-26 18:54:28 +02:00
parent 4766b717ee
commit eac3614075
No known key found for this signature in database
GPG Key ID: 382FC0F5B0DF53F8
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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 }}