reactionic icon indicating copy to clipboard operation
reactionic copied to clipboard

Keyboard issue found on ios & android

Open gabrielseco opened this issue 8 years ago • 4 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.

gabrielseco avatar May 21 '16 07:05 gabrielseco

I solved it by using in the router.jsx.

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

gabrielseco avatar May 21 '16 08:05 gabrielseco

@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.

johnslemmer avatar May 22 '16 21:05 johnslemmer

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 avatar Jun 30 '16 10:06 nevace

@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.

pors avatar Jun 30 '16 12:06 pors