pors / reactionic

React Ionic: We are looking for a new maintainer!

Home Page:http://reactionic.github.io/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Keyboard issue found on ios & android

gabrielseco opened this issue · comments

In ios, when you focus on a input, the page scrolls.

In android, when you focus on a input, it shows you a white screen and you can't see what are you typing.

I solved it by using in the router.jsx.

Meteor.startup(function(){
     if (Meteor.isCordova) {
       cordova.plugins.Keyboard.disableScroll(true);
       main()
    }
  });

@gabrielseco I'm guessing that you also weren't setting the platform property on IonBody. See the guide for what I'm talking about. The kitchen sink is a good example to follow. The IonBody component is central to reactionic working. And if you want multi-platform support then setting the platform property is crucial. If you aren't using meteor, that is fine, just come up with another way to send the platform information to IonBody.

@pors maybe we can doc this better.

If you aren't using meteor, that is fine, just come up with another way to send the platform information to IonBody.

I was planning on using Meteor but now there is no need for it. What would be the best way to set the platform property with the webpack variation?

@nevace it depends on the environment you run the app in. What you have to do is basically replace this function with a version that works for the environment it is used in: https://github.com/reactionic/reactionic-kitchensink/blob/master/app/client/imports/components/utils/helpers.jsx

I can't give you more details or advice about the specifics because I have only implemented it for Meteor.