Hi,
I can’t edit my inputs…text, textarea, whatever…
If the input has a value and I press backspace for a few seconds(the shift key turns on like if I had at the start of input), only then the field is cleared and I can edit.
Hmm, odd I never had this issue before. Are you getting any errors in the console? Can you provide a codepen example for that page so I can test it out on my end?
My page is exactly this that is in codepen(http://codepen.io/fabioc/full/fywgK/).
With this codepen example I can´t edit input too, I get the same error.
In the video I only put a button save on the right and some text in first input field to test because it was
not working
I’m experiencing the exact same issue and specifically inside of the Salesforce1 App and only on iOS (7+). @fabioc, this fix doesn’t seem to work for me - where exactly in the method are you putting it? I have it here…
function tapHandleFocus(ele) {
tapTouchFocusedInput = null;
var triggerFocusIn = false;
if(ele.tagName == 'SELECT') {
// trick to force Android options to show up
triggerMouseEvent('mousedown', ele, 0, 0);
if(window.parent) {
window.parent.document.getElementById('vfFrameId').contentWindow.focus();
}
ele.focus && ele.focus();
triggerFocusIn = true;
} else if(tapActiveElement() === ele) {
// already is the active element and has focus
triggerFocusIn = true;
} else if( (/^(input|textarea)$/i).test(ele.tagName) || ele.isContentEditable ) {
triggerFocusIn = true;
if(window.parent) {
window.parent.document.getElementById('vfFrameId').contentWindow.focus();
}
ele.focus && ele.focus();
ele.value = ele.value;
if( tapEnabledTouchEvents ) {
tapTouchFocusedInput = ele;
}
} else {
tapFocusOutActive();
}
if(triggerFocusIn) {
tapActiveElement(ele);
ionic.trigger('ionic.focusin', {
target: ele
}, true);
}
}
I was able to get the input fields working using just window.focus() at the top of the tapHandleFocus method… However text areas seem to still be broken. I’ve kicked off a discussion on StackOverflow
Is this something the Ionic team will address? Salesforce uses ionic in many of their example apps as things that can be built using visualforce, but having text inputs be broken out of the box on iOS is kind of a non-starter for many I would imagine.
Let me know if there’s anything I can provide to help solve this problem.
I am experiencing the same problem, is there any update/fix for this?
Edit: OK i figured the problem appears when using placeholder… too bad, i very much liked placeholder, its better then label on screens with limited size.