Bug 158276 - Tapping from one <input> to another in an overlay can cause shaking/jiggling effect
Summary: Tapping from one <input> to another in an overlay can cause shaking/jiggling ...
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 9
Hardware: iPhone / iPad iOS 10
: P2 Normal
Assignee: Nobody
URL: http://output.jsbin.com/xedane/quiet
Keywords: InRadar
Depends on:
Blocks: 159753
  Show dependency treegraph
Reported: 2016-06-01 14:36 PDT by Chris Rebert
Modified: 2017-04-18 02:54 PDT (History)
8 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description Chris Rebert 2016-06-01 14:36:28 PDT
Steps to reproduce:
1. Open http://output.jsbin.com/xedane/quiet in Safari on iOS 9.3.2.
2. Tap the "Launch modal" button.
3. Scroll down to "field 7".
4. Tap into the <input> below "field 7".
5. Tap into the <input> above it.

Actual result:
While focusing the <input>, the modal moves up and down multiple times, causing an unsightly jiggling/shaking/jerky effect

Expected result:
When focusing the <input>, the modal should move smoothly, preferably in a single motion.

Original Bootstrap bug report:
Comment 1 Radar WebKit Bug Importer 2016-06-06 10:49:42 PDT
Comment 2 kranthi polimera 2017-04-17 03:47:45 PDT
Is there  any solution for this Jerking effect on tap of input field on modal
Comment 3 Simon Fraser (smfr) 2017-04-17 04:53:31 PDT
Do you still see the problem in iOS 10.3?
Comment 4 Chris Rebert 2017-04-18 00:27:07 PDT
Unable to reproduce in iOS 10.3.1
Good work WebKit Team!
Comment 5 kranthi polimera 2017-04-18 02:54:17 PDT
Unable to reproduce in iOS 10.3.1
Thanks and good work team