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