Comments (18)
I am also facing input cursor issue in my project.
Description :- In my screen there are 4-5 input fields, when i focused on any of the input filed then keyboard appears and screen move up. Now if i scroll the screen (ion -content) up and down then cursor move out from the input text field and start scroll along with screen scroll direction. Please help out if anyone found this issue and got fix.
Platform and dependencies :-
Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.3
Ionic CLI Version: 2.1.17
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 0.0.45
ios-deploy version: 1.9.1
ios-sim version: 5.0.13
OS: OS X El Capitan
Node Version: v7.5.0
Xcode version: Xcode 8.2.1 Build version 8C1002
from ionic-framework.
Another sample. Keyboard hides and view stays shrunk. I've seen this many times myself.
http://forum.ionicframework.com/t/submit-button-not-resizing-content-view/2873
from ionic-framework.
I think one solution would be to unfocus once the drag starts.
from ionic-framework.
Maybe hide the cursor? http://stackoverflow.com/questions/1071356/is-it-possible-to-hide-the-cursor-in-a-webpage-using-css-or-javascript
from ionic-framework.
http://forum.ionicframework.com/t/open-modal-when-an-input-is-already-focused/544
from ionic-framework.
Related, and hopefully fixed: #583
from ionic-framework.
Yea, more info on this is when you have a focused text box and you are inside of a scroll area that uses translate3d, the cursor does not translate with it. It's a browser bug on Safari and we could look into unfocusing the boxes on scroll.
from ionic-framework.
#740 -- This is another issue related.
from ionic-framework.
Cool, thanks! We actually have a keyboard plugin for cordova coming out that really fixed some annoyances with cordova and keyboard stuff. I'm hoping we can extend it to handle inputs and scrolling!
Sent from my iPhone
On Apr 6, 2014, at 12:42 PM, Allen Tong [email protected] wrote:
#740 -- This is another issue related.
—
Reply to this email directly or view it on GitHub.
from ionic-framework.
NIce, I look forward to it 👍 ! Do you know if that would possibly fix some of these issues on Mobile Browsers?
from ionic-framework.
@mlynch Any indication on when we might expect such a plugin?
from ionic-framework.
This week!
On Apr 6, 2014 11:59 PM, "Robin van Baalen" [email protected]
wrote:
@mlynch https://github.com/mlynch Any indication on when we might
expect such a plugin?Reply to this email directly or view it on GitHubhttps://github.com//issues/26#issuecomment-39696309
.
from ionic-framework.
Cool looking forward to it!
Keep up the good work :).
from ionic-framework.
The week is almost over.. Can I help with some (preliminary) testing already @tlancina and @mlynch ?
from ionic-framework.
Regretting my overzealous deadline proclamation :) Just a status update, we made a lot of headway this week and know everyone is anxious for fixes, we're working on getting them out asap.
from ionic-framework.
I am facing exact same issue.Please help as soon as possible.
Thanks in advance
from ionic-framework.
It happened for me because of body element has css property "position: fixed".
Try this:
body {
position: static!important;
}
from ionic-framework.
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.
from ionic-framework.
Related Issues (20)
- bug: HOT 4
- Cant Print all Pages using window.print in Latest Ionic HOT 1
- feat: Improve ion-reorder accessibility HOT 2
- bug: ion-checkbox don't let interact with label HOT 2
- bug: Cannot change ion-fab-button background using the provided css variables HOT 1
- bug: ion-icons have different sizes when combined with ion-toggle, ion-checkbox or ion-radio inside of an ion-item HOT 1
- bug: Ion Select Popover clips unnecessarily due to invisible radio button overlapping text
- bug: Order of running functions - closing modals HOT 1
- bug: Specifying provideIonicAngular() in a route provider prevents hydration from completing HOT 6
- bug: Using angular/cdk/overlay and ion-modal can cause conflicts. HOT 1
- feat: Ability to use relative color syntax in the theme file HOT 2
- Not able to access the documentation HOT 2
- feat: dynamic font scaling for the Picker component on the iOS platform. HOT 1
- feat: `form` property on form components
- feat: HOT 1
- bug: buttons inside `ion-header` not accessible with screenreader (unless scrolled down) HOT 1
- bug: Keyboard interaction on device with inputs/buttons inside of swiper HOT 1
- bug: unintended re-focus to input after selecting clear input button with iOS VoiceOver HOT 2
- bug: ionic8 Conflict between font color and theme color in new dark mode HOT 2
- bug: Auto foucs in ios not work (ionic vue) HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ionic-framework.