From f29980b9e70c3574adf2edd9d194dcebf1d62b6d Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 16 Jul 2025 11:39:09 -0500
Subject: [PATCH] Fix clear button position in Safari

See: https://fizzy.37signals.com/5986089/collections/2/cards/1097
---
 app/assets/stylesheets/search.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/search.css b/app/assets/stylesheets/search.css
index 2d4033277..f51556daa 100644
--- a/app/assets/stylesheets/search.css
+++ b/app/assets/stylesheets/search.css
@@ -37,7 +37,8 @@
   }
 
   .search__form-input {
-    padding-inline:var(--search-btn-size);
+    padding-inline: var(--search-btn-size);
+    position: relative;
 
     &::-webkit-search-cancel-button {
       --clear-icon-size: 0.75rem;
@@ -50,8 +51,9 @@
       block-size: var(--clear-icon-size);
       cursor: pointer;
       inline-size: var(--clear-icon-size);
-      inset-inline-end: 1ch;
+      inset: 50% 1ch auto auto;
       position: absolute;
+      translate: 0 -50%;
     }
   }