Bug 158276

Summary: Tapping from one <input> to another in an overlay can cause shaking/jiggling effect
Product: WebKit Reporter: Chris Rebert <webkit>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: dino, enrica, john, jyeo098, kranthipolimera1910, simon.fraser, thorton, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 9   
Hardware: iPhone / iPad   
OS: iOS 10   
URL: http://output.jsbin.com/xedane/quiet
Bug Depends on:    
Bug Blocks: 159753    

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:
https://github.com/twbs/bootstrap/issues/19927
Comment 1 Radar WebKit Bug Importer 2016-06-06 10:49:42 PDT
<rdar://problem/26652754>
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