Textarea and input display problems

I have an issue with this also … please see this video.

That happens with mine too. Thanks for posting it @taylorsuk! But in my situtation, the modal is fine. But it’s on a non-modal page that the window seems to slide along with the keyboard.

@junerockwell I have the same problem with non-modal page. Anyone with solution ?

Still no answer on this! Seems like a pretty common issue?

1 Like

This is a critical problem. I am not able to build an Android application with Ionic. Is there a resolution planned ?

It looks like there was recent activity to fix the cloned input styling: https://github.com/driftyco/ionic/pull/3007

I’m still having issues with the cloned input positioning on scroll, so for now, I hid it with:

.cloned-text-input {
  display: none !important;
}

There’s still the floating cursor on scroll, but I can live with that compared to seeing duplicated inputs.

I have fix this issue by modifying the flex property in “.item-input input” regarding my label size.
Hope this can help you.

@zipeod Can you describe precisely what you’ve done to fix this? I’m currently overriding ionic CSS behaviour on inputs and textareas

Remove the css below from ionic.css
.previous-input-focus, .cloned-text-input + input, .cloned-text-input + textarea {
position: absolute !important;
left: -9999px;
width: 200px;
}

and add the below css in your css file

.item-input input[type=“text”].cloned-text-input ,.item-input textarea.cloned-text-input{
display: none !important;
}

I’m seeing severe issues with a Textarea on a form.

I made a video showing it. I did a basic side menu project and removed everything but a form. I put it on GitHub. Then, I made a small video showing how weird it is.

The Video

https://github.com/inzi/Textarea-Background-Ionic-Framework-Test-Project is the demo project

This is making my app completely unusable - can’t publish. Any work around?

I have managed to fix that by adding a line in the cloneFocusedInput function I hope this will work for you …
clonedInput.style.height = focusInput.style.height;

for more detail check this one…:slight_smile:
[enter link description here][1]
[1]: http://%20%20[1]:%20http://forum.ionicframework.com/t/setting-height-of-textarea-view-scroll-and-cloning-issue/3968

1 Like

Any news on when there will be a fix for this?

I am having problems with TextArea display when it shows any kind of placeholder. The cursor and the placeholder text are not aligned as they are with other inputs. I really need a fix for this soon please.