Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
MartijnW

Draggable focus on form input

Recommended Posts

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 post
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
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×