[PR #2079] [MERGED] fix(input): prevent mobile zoom on input focus #2037

Closed
opened 2026-02-26 20:32:09 +03:00 by kerem · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/documenso/documenso/pull/2079
Author: @eeshm
Created: 10/16/2025
Status: Merged
Merged: 11/10/2025
Merged by: @dguyen

Base: mainHead: fix/mobile-input-focus-zoom-fix


📝 Commits (4)

  • 021f0d7 fix(input): prevent mobile zoom on input focus
  • e430cf5 Merge branch 'main' into fix/mobile-input-focus-zoom-fix
  • 08f9409 Merge branch 'main' into fix/mobile-input-focus-zoom-fix
  • 4d059ed Merge branch 'main' into fix/mobile-input-focus-zoom-fix

📊 Changes

1 file changed (+1 additions, -1 deletions)

View changed files

📝 packages/ui/primitives/input.tsx (+1 -1)

📄 Description

Description

This PR addresses the issue where input fields on mobile devices were zooming in when focused. To resolve this, the font size of input fields has been adjusted for smaller devices, using text-base for small devices instead of text-sm but using keeping text-sm for other devices same as before . This prevents the mobile zoom effect on focus.

Changes Made

  • Changed the font size for input fields on small devices from text-sm to text-base to fix the mobile zoom issue.

Before:

https://github.com/user-attachments/assets/a58a4a63-0c4b-4070-8877-47fa200a14ee

After:

https://github.com/user-attachments/assets/d9818320-da2e-45cd-beb7-26526f73e583

Testing Performed

  • Tested the input field on mobile devices (iOS and Android) to confirm the zoom issue was resolved.

Checklist

  • I have tested these changes locally and they work as expected.
  • I have added/updated tests that prove the effectiveness of these changes.
  • I have updated the documentation to reflect these changes, if applicable.
  • I have followed the project's coding style guidelines.
  • I have addressed the code review feedback from the previous submission, if applicable.

Additional Notes

  • The font size change ensures a better mobile experience, especially on iOS devices, where the input zoom effect was happening.

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/documenso/documenso/pull/2079 **Author:** [@eeshm](https://github.com/eeshm) **Created:** 10/16/2025 **Status:** ✅ Merged **Merged:** 11/10/2025 **Merged by:** [@dguyen](https://github.com/dguyen) **Base:** `main` ← **Head:** `fix/mobile-input-focus-zoom-fix` --- ### 📝 Commits (4) - [`021f0d7`](https://github.com/documenso/documenso/commit/021f0d7dd7485bdd6ae78abfb3ce9f71a34f69f8) fix(input): prevent mobile zoom on input focus - [`e430cf5`](https://github.com/documenso/documenso/commit/e430cf58c84f77e9e9d7cfaa03e77539d9996072) Merge branch 'main' into fix/mobile-input-focus-zoom-fix - [`08f9409`](https://github.com/documenso/documenso/commit/08f9409b0d6347b2d63852d3c9a8e52efed3ed6a) Merge branch 'main' into fix/mobile-input-focus-zoom-fix - [`4d059ed`](https://github.com/documenso/documenso/commit/4d059eddc9ffec648aa774eca6884eeda8374b07) Merge branch 'main' into fix/mobile-input-focus-zoom-fix ### 📊 Changes **1 file changed** (+1 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `packages/ui/primitives/input.tsx` (+1 -1) </details> ### 📄 Description ## Description This PR addresses the issue where input fields on mobile devices were zooming in when focused. To resolve this, the font size of input fields has been adjusted for smaller devices, using `text-base` for small devices instead of `text-sm` but using keeping text-sm for other devices same as before . This prevents the mobile zoom effect on focus. ## Changes Made - Changed the font size for input fields on small devices from `text-sm` to `text-base` to fix the mobile zoom issue. Before: https://github.com/user-attachments/assets/a58a4a63-0c4b-4070-8877-47fa200a14ee After: https://github.com/user-attachments/assets/d9818320-da2e-45cd-beb7-26526f73e583 ## Testing Performed - Tested the input field on mobile devices (iOS and Android) to confirm the zoom issue was resolved. ## Checklist <!--- Please check the boxes that apply to this pull request. --> <!--- You can add or remove items as needed. --> - [x] I have tested these changes locally and they work as expected. - [ ] I have added/updated tests that prove the effectiveness of these changes. - [ ] I have updated the documentation to reflect these changes, if applicable. - [x] I have followed the project's coding style guidelines. - [ ] I have addressed the code review feedback from the previous submission, if applicable. ## Additional Notes - The font size change ensures a better mobile experience, especially on iOS devices, where the input zoom effect was happening. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
kerem 2026-02-26 20:32:09 +03:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/documenso#2037
No description provided.