Jump to content
Search Community

Draggable focus on form input

MartijnW test
Moderator Tag

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



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:


- 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)






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
  • Recently Browsing   0 members

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