When input was pushed to google map, keyboard do slow appearance when input gets focus


#1

when input was pushed to google map, keyboard do slow appearance when input gets focus


#2

please do not only throw piece of a sentence at others to help you.

any examples, a video to show the effect,… anything?


#3

I was struggling for this a while and I have no doupt that ionic is slow.
I guess this might be different issue.

 <!-- Posting -->
<form ng-controller='PostsCtrl' name='postForm' ng-submit='addPost()' novalidate>
  <input type='text' 
      ng-disabled='!isCanPost' 
      ng-model='content'
      ng-focus='moveToPostLocation()' 
      maxlength='38' 
      class='map-post-box'
      id='map-post-input'
      placeholder='what will happen today?' autocorrect="off" required>
  <button ng-disabled='postForm.$invalid'
      ng-click='addPost()' 
      class="map-post-box button button-small button-assertive" 
      id='map-btn-submit'> 
      {{ isInstant(timevalue) && 'Instant' || (timevalue | date:"mm : ss") }} 
  </button>
</form>

is the form and it was added to google map like so below

        var postForm = (document.getElementById('map-post-input')); 
        map.controls[google.maps.ControlPosition.BOTTOM_CENTER].push(postForm);

and if I don’t add but use it as a regular form that is not pushed inside of google map, keyboard response is fast as it should be and “Go” button is used to submit the form. (when its pushed to google, it won’t submit with “Go” button either).


#4

the Google map isolated from the rest of your app. therefore you have the google.api and the google-object.
The could not know anything about angularjs or your controller. Even your clicks you made are regular clicks and not longer ng-clicks.

You should disable ionic-tap-handling on the map node:
http://ionicframework.com/docs/api/page/tap/

I do not know how the map controls exactly work, but you should use native javascript for that part of code then.
Maybe it is better to not push your form to the controls. Try to create another concept for the part of the app like positionate your forum absolute over the map, so you are in a normal angularjs context.