So I have multiple textareas on my page that are editable depending on a users status. The problem is that even when a user clicks on a textarea that they are not allowed to edit, the keyboard comes up on mobile safari. The user can't actually edit the textarea, but it's really annoying/looks bad. I was thinking of maybe making it disabled but without actually changing it's look. Any suggestions?
Are you using TextView or TextField? For a TextView you can set Editable to NO to prevent the keyboard being popped up.
For TextField I guess you can set userInteractionEnabled to NO. Haven't tried this before though.
Have you tried disabling the input/textarea field? I think if you click on that the keyboard says closed.
<index disabled />
or
<textarea disabled />
Related
I am trying to show ion-input at the bottom of page but It is getting hidden behind keyboard when keyboard visible after getting focus on same ion-input. Ionic page content is not getting scrolled up when keyboard visible. Kindly provide any solution.
Thanks!
I am facing same issue in my app and I apply below solution to show my input on top of the screen.
Use overflow property to scroll your content to top.
overflow-y: scroll;
Also if your app is in fullscreen mode you need to remove (file : config.xml) below line.
<preference name="fullscreen" value="true" />
still facing any problem you can refer this ionic thread in this thread lots of tricks and tips mentioned to overcome this issue.
Thread Link : https://forum.ionicframework.com/t/scroll-to-the-focused-item-input-when-the-keyboard-is-up/422/15
Hope this will helps!
Using Ionic-Native keyboard plugin, We can disable this setting.
this.keyboard.disableScroll(false);
I've been struggling with this for several days. I have a very simple page in my mobile app with a textarea input and when I click on it the soft keyboard appears and scrolls the header of my page out of view. Is there a way to prevent this default scrolling?
Your is the default functionality of Phones, When user completes typing the screen automatically scroll backs, Kindly check it, If it works please reply.
I have a problem with the flyout generated by the Facebook Send button. After clicking the "Send" button the flyout is generated and displayed behind some elements. Obscuring the buttons in the flyout.
I read that this is because of a parent element with the overflow:hidden style. However, I cannot remove this attribute since it will mess up the rest of my sites layout.
I tried to dynamically remove the overflow:hidden attribute upon clicking the Send button (Accepting the layout mess if someone actually uses the send button). Using the following code:
FB.Event.subscribe("message.send", function(response) { //Remove the
overflow:hidden styling here });
Unfortunately this event only fires upon actually sending the flyout form, which is too late as need to take action as soon as the button is pressed that shows the flyout.
Could anyone tell me how to bind an onclick event to the "Send" button or how to reposition the flyout completely. Or perhaps there is an alternate solution I have not yet considered.
Thanks in advance
Fixed position might work for some, but for most it will mess up your layout.
What worked for me is to take off any overflow: auto higher up in your CSS.
I did that and it works great!
(This question concerns HTML pages in Safari, not app development in XCode.)
In Safari on iPhone, when clicking on a <input> or <textarea>, the text on the enter key
says "enter".
Is it possible to change this text?
I remember a posting saying something about using <textarea title="My button text">, but this does not work when I tried it.
Note.
You get the return key and keyboard types defined in the OS. Unless you want to try to hack the keyboard's view hierarchy to change that button, which would be a really bad plan. (Standard recommendation here is to file a bug report with Apple to let them know you'd like more/different options.)
So the focus event causes the soft keyboard to come up for input fields. Im trying to find a way to stop this occuring. The reason is, as some of you may know, a click event has a 300ms delay before anything happens.
To get around this, we have implemented Googles FastButton http://code.google.com/mobile/articles/fast_buttons.html its working good after a minor tweak to also prevent a second mousedown, but if we click on a button and go to a second page that also has a input textfield, the keyboard still pops up.
I've tried preventing the touchend, mousedown, mouseend, click, firing again, and that helps it by not having the flashing cursor on the textfield but the keyboard is still there. If i blur the field you still see the keyboard popping up then disapparing which is not acceptable.
Any ideas?
Hmm... have you considered disabling the fields with disabled="disabled" while loading, and only then enabling them? It might let you get around the initial focused state that launches the keyboard, so that you can blur first, then enable?