Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

iOS - Floating cursor with input elements inside flexbox

Has anyone addressed the floating cursor issue with input elements that are inside flexbox layouts in HTML apps on iOS7?

Go to http://cdn.sencha.com/touch/sencha-touch-2.3.1a/built-examples/kitchensink/index.html#demo/formpanel, focus on an input element, and scroll.

I've seen this same behavior on several different HTML mobile frameworks. It seems flexbox is the culprit. Any workarounds?

cursor floating during scroll

like image 647
Andy Edinborough Avatar asked Feb 21 '14 04:02

Andy Edinborough


1 Answers

It's a known bug and its reported by many users...

WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=138201 Apple Radar: http://openradar.appspot.com/18819624

There is no known workaround as of now...

Update: Was fixed in iOS 8.3

like image 155
Debajyoti Das Avatar answered Oct 31 '22 10:10

Debajyoti Das