Jump to content
Search Community

Draggable focus on form input

MartijnW test

By MartijnW
in GSAP

Moderator Tag
 Share

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

MartijnW test

MartijnW

Posted
Posted

Hi,

 

recently in one of my projects I noticed a bug when creating a full-page draggable element with a form input field.

 

On Android (HTC ONE X, Nexus 5 tested) default browser behaviour is to focus on the form field, when your whole page is a draggable container it fails to do so and causes strange behaviour.

 

I tried recreating this in my Codepen.

 

Steps to follow:

- Scroll down

- Click the input field

 

Expected bug behaviour:

- Focus is not on form field

 

Devices tested:

- HTC ONE X

- Nexus 5

 

Since codepen zooms in, you can zoom out by pinching on the footer (You will see that the focus is not on the field)

 

Greetings,

Martijn

 

 

EDIT: Accidentally overwrote the codepen, here's the original one 

See the Pen YXWJQg by MartijnWelker (@MartijnWelker) on CodePen

See the Pen pJbrMb by MartijnWelker (@MartijnWelker) on CodePen

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...