fix: mobile zoom on input focus in safari

medusajs · Sep 28, 2023 · aa412fc · aa412fc
1 parent 06bcdeb
commit aa412fc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/modules/common/components/input/index.tsx b/src/modules/common/components/input/index.tsx
@@ -43,7 +43,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
             name={name}
             placeholder=" "
             className={clsx(
-              "pt-4 pb-1 block w-full px-4 mt-0 bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-gray-400 border-gray-200",
+              "pt-4 pb-1 block w-full px-4 mt-0 bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-gray-400 border-gray-200 text-[16px]",
               {
                 "border-rose-500 focus:border-rose-500": hasError,
               }

diff --git a/src/modules/search/components/search-box/index.tsx b/src/modules/search/components/search-box/index.tsx
@@ -52,7 +52,7 @@ const ControlledSearchBox = ({
             type="search"
             value={value}
             onChange={onChange}
-            className="text-base-regular placeholder:transition-colors placeholder:text-gray-500 focus:placeholder:text-gray-900 focus:outline-none flex-1 bg-transparent"
+            className="text-base-regular placeholder:transition-colors placeholder:text-gray-500 focus:placeholder:text-gray-900 focus:outline-none flex-1 bg-transparent text-[16px]"
           />
           {value && (
             <button