Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Keyboard issue found on ios & android #51

Open
gabrielseco opened this issue May 21, 2016 · 4 comments
Open

Keyboard issue found on ios & android #51

gabrielseco opened this issue May 21, 2016 · 4 comments

Comments

@gabrielseco
Copy link
Collaborator

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
Copy link
Collaborator Author

gabrielseco commented May 21, 2016

I solved it by using in the router.jsx.

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

@johnslemmer
Copy link
Contributor

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

@nevace
Copy link

nevace commented Jun 30, 2016

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?

@pors
Copy link
Owner

pors commented Jun 30, 2016

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants