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

Tabs being pushed up by keyboard when searchbar is blurred (iOS 10.2) #10552

Closed
designcouch opened this issue Feb 24, 2017 · 5 comments · Fixed by #11586
Closed

Tabs being pushed up by keyboard when searchbar is blurred (iOS 10.2) #10552

designcouch opened this issue Feb 24, 2017 · 5 comments · Fixed by #11586
Assignees

Comments

@designcouch
Copy link

Ionic version: (check one with "x")
[ ] 1.x
[x] 2.x

I'm submitting a ... (check one with "x")
[x] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior:
In iOS 10.2, I am having an issue with my tabs when blurring a searchbar component. When the keyboard slides down, the tabs suddenly appear in the middle of the screen for about 300-500ms, and then drop back down to the bottom.

Expected behavior:
I would expect that the tabs would remain hidden behind the keyboard, and when it slides back down, they would be revealed again, in the same position.

Steps to reproduce:
This only appears when you're actually previewing the app on an iOS device; not in the browser (since, obviously, the soft keyboard is not shown in browser).

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

Cordova CLI: 6.5.0 
Ionic Framework Version: 2.0.1
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.0
ios-deploy version: Not installed
ios-sim version: 5.0.13 
OS: macOS Sierra
Node Version: v6.9.4
Xcode version: Xcode 8.2.1 Build version 8C1002
@rossholdway
Copy link
Contributor

rossholdway commented Feb 24, 2017

I've also run into this issue when using a standard <input/> on a custom autocomplete component. Not sure what's causing it.

@manucorporat manucorporat self-assigned this Feb 27, 2017
@designcouch
Copy link
Author

@rossholdway were you able to identify a fix at all when you encountered it?

@rossholdway
Copy link
Contributor

@designcouch The only way I could get around the issue was to use an ion-input, but it looks like this won't apply to your situation :/

@shobhitchittora
Copy link

shobhitchittora commented Mar 19, 2017

I'm having a similar issue. I'm using <ion-input> in a <form>. When filling the form on Android the tabs are sticking to the keyboard. Haven't checked on iOS though. Can we try to change the component , so that we can send an event to add as {display: none;}to it.

@ionitron-bot
Copy link

ionitron-bot bot commented Sep 2, 2018

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 2, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants