Some lag in opening the bar on some devices because of input focus. about ionic-filter-bar

[djett41]

Thanks @booris !! Are you seeing a lag on the actual device or emulator? The iOS emulator often has a lag because of the lag with the keyboard, but I haven't really seen a lag on device? Any way you could post a video on it? I just want to see where and when it lags so I can look into making it better.

Thanks!!

[pateltejasmca]

I am also facing the same issue in my moto g1.

[pateltejasmca]

@djett41 Thanks for your work. Its very helpful for me

[cagica]

Sorry, I'm on vacation when I come back, I will try to show you the lag. @pateltejasmca you can put a timeout of 280 milliseconds around the input call on the code. And it will be fine. Try it.

[cagica]

Focus call. In the function show keyboard, you can put a timeout around the focus & & focus()

[djett41]

thanks guys! I started a new job and have been swamed but ill take a look. Only thing about calling timeout on the input is that the keyboard wont come up at the same time as the filter bar.. which is not what we want on ios. Is this the case for android? Or does your solution bring the keyboard up at the same time as the filter bar animates in @booris ? I'll play with it sometime this week

[cagica]

In the best case we want the keyboard opening at the same time as the filter bar, that is true. But in some smartphones (weaker ones) the animation of the filter bar entering has lag because the keyboard is opening at the same time, and it's worst than opening the keyboard a little bit latter. Instead of changing your directive you can simple add an atribute that allow users to choose if the keyboard open's when bar is animating or after the bar is entered.

[cagica]

I made two videos, one you can see the lag, and the other it has the timeout. The diference in opening the keyboard is small. http://we.tl/S4iCL7oWG9

[djett41]

@booris you might want to try overriding the animation delay in the scss/css file as well.

[RameshJhajharia]

@djett41 Thanks for the amazing work.
@booris I am also facing same issue. Did you find any solution for this?

[cagica]

@RameshJhajharia You can see my pull request and see what I did

[ekaram]

+1

[armenbadalyan]

I'm experiencing this as well on my Sony Xperia Z2 running Android 5.1. What's interesting the SportScoop app which is presumably using the same directive doesn't have any lag during animation on the same device.
@pcagica I've tried using your fix for this and although it does improve the animation when the input gains focus, there's still a lag when I cancel the filter bar and the keyboard slides away.

I've attempted to fix this issue in my fork. See this commit.

The solution is based on transitionend event to detect when the animation finishes.