scrollBottom loses the keyboard / input selected

1

Hey guys,
When using the scrollBottom, it removes the keyboard / the cursor from my input field.
In the case of the chat, I need for each new message that arrive to be scrolled at the bottom but the user must be able to keep typing at the same time.

Is there any fix for that bug or would you suggest a workaround?

Thanks!

2

I had the same issue also, it is because ionic.DomUtil.blurAll() is called in the scrollBottom function. You can modify the function like so -

self.scrollTop = function(shouldAnimate, noBlur) {
    if (!noBlur) {
      ionic.DomUtil.blurAll();
    }
    self.resize().then(function() {
      scrollView.scrollTo(0, 0, !!shouldAnimate);
    });
  };

  self.scrollBottom = function(shouldAnimate, noBlur) {
    if (!noBlur) {
      ionic.DomUtil.blurAll();
    }
    self.resize().then(function() {
      var max = scrollView.getScrollMax();
      scrollView.scrollTo(max.left, max.top, !!shouldAnimate);
    });
  };

Call it like this now to avoid the blur from being called -

viewScroll.scrollBottom(true, true); // read below on this

See this and [this] (https://github.com/driftyco/ionic/issues/2904) for more info.

1 Like
3

Thanks Ross for the code! I will try it tonight.
Just a question not related, Iā€™m using the non minified version of ionic.bundle.js. Can I safely remove the minified version from my folder or is it being used during builds?

Thanks for the chat example too!

4

Yeah you can safely remove the minified version. Why not use the minified version though? You can fork the Ionic repo on Github and build beta 14 with that change in it. I have a fork of Ionic beta 14 that has this change in it. It also has this extra attribute added to the infiniteScroll.

5

I am already working on v1.0.0-beta.14
As for the minified, I just never thought of using it so far. Thought I would minify everything for app release. - bad idea?