pbakaus/scroller

Side effects while focusing input on Android 2 due to 3D transforms being used.

gudoy opened this issue · 0 comments

On Android 2, in a scroller containing 2 inputs, when clicking the first input, I had the following behavior:

  • the second input get the default focus ring (orange outline)
  • when typing, the input updated is the first.

After some tests, I found out that in the 'EasyScroller.prototype.render' function, the translate3d part was used although not being supported in Android < 3.

Testing for the perspective property does not seem to be reliable enough.

As I'm using Modernizr, I end up replacing:

if (helperElem.style[perspectiveProperty] !== undef) {

by

if ( Modernizr.csstransforms3d ){