Fix iPhone double click zooming about eth.build HOT 11 CLOSED

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

This issue now has a funding of 25.0 DAI (25.0 USD @ $1.0/DAI) attached to it.

• If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
• Want to chip in? Add your own contribution here.
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $76,145.80 more funded OSS Work available on the Gitcoin Issue Explorer

from eth.build.

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

Workers have applied to start work.

These users each claimed they can complete the work by 266 years, 8 months from now.
Please review their action plans below:

1) mul53 has applied to start work (Funders only: approve worker | reject worker).

Hi I will add the css class touch-action: manipulation to disable double tap zoom

Learn more on the Gitcoin Issue Details page.

from eth.build.

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

Work has been started.

These users each claimed they can complete the work by 264 years, 8 months from now.
Please review their action plans below:

1) mul53 has applied to start work (Funders only: approve worker | reject worker).

Hi I will add the css class touch-action: manipulation to disable double tap zoom
2) mul53 has applied to start work (Funders only: approve worker | reject worker).

Hi I will add the css class touch-action: manipulation to disable double tap zoom
3) sebastiantf has been approved to start work.

I shall disable double click zoom in css

Learn more on the Gitcoin Issue Details page.

from eth.build.

@Polycarpik I have created a PR that solves the issue. Please review.

from eth.build.

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

Work for 25.0 DAI (25.0 USD @ $1.0/DAI) has been submitted by:

1. @sebastiantf

@Polycarpik please take a look at the submitted work:

• PR by @sebastiantf

• Learn more on the Gitcoin Issue Details page
• Want to chip in? Add your own contribution here.
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $79,480.32 more funded OSS Work available on the Gitcoin Issue Explorer

from eth.build.

Still reproducible on my iPhone, though PR merged and redeployed.

from eth.build.

Can you provide details about all the software you're using? iPhone model, iOS version, Safari Version and anything else.

from eth.build.

@Polycarpik It would be helpful to triage the bug if you would share the details about the software you're using.

According to caniuse.com, touch-action CSS property is fully supported from iOS 13:

from eth.build.

@sebastiantf sorry for delay, I use iPhone 8, iOS 13.3.1
Because Safari is part of the iOS operating system, its version is the same as the current version of iOS.
Here's the screencast of the bug https://drive.google.com/file/d/16K6akGUqCCH4vgZccSSgkBaDMB8f_ZvI/view?usp=sharing
Tell me if you need any additional info 🙏

from eth.build.

@Polycarpik it seems this is actually a feature in iOS Safari. It automatically zooms in on an input field when focused. This is not a case of zooming in on double click/tap.

The browser will zoom in if the font-size is less than 16px.

I have created a new PR that sets the font-size of input to 16px. This was found to be the fix for this issue. Please review that PR.

from eth.build.

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

The funding of 25.0 DAI (25.0 USD @ $1.0/DAI) attached to this issue has been approved & issued to @sebastiantf.

• Learn more on the Gitcoin Issue Details page
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $58,697.13 more funded OSS Work available on the Gitcoin Issue Explorer

from eth.build.