I am making an app that require a textarea that is pretty height (almost the height of the view).
I have some problem with that:
when focusing on the last line of my textarea (let’s say the textarea is full of text) and start edit, the view scroll automatically back to the top of the textarea.
then, trying to scroll down to the last line of the textarea is very difficult (sometimes works / sometimes don’t)
The only way scroll “most of the time” works is using the scrollbar on the left.
the textarea clone also resize to 2/3 lines height (hidding the rest of the textarea zone). I managed to fix that by adding a line in the cloneFocusedInput function
Can you try the nightlies, theres always alot of work in there that resolves alot of issues. Also if its using the keyboard, do you have our keyboard plugin install?
I did not have the plugin installed so I installed it.
I am also using the nightly now
It gets a little better even if the scroll does not react really well when scrolling over the textarea or its clone.
I am wondering, is there a way to disable the automatic scrollTop when starting to edit the textarea?
In that case, I thinks its default behavior of the ios webview. Also if your text area is really large, you should try using a text area.
<label class="item-input">
<textarea rows="20" cols="50">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum tenetur obcaecati temporibus totam fugiat et quae quia quisquam asperiores esse eum ipsum porro officiis reiciendis unde molestias rerum molestiae. Perferendis.
</textarea>
</label>
which force the view and scroll to make sure the component is accessible to the user.
It is working in most case since the input are most of time small.
I added a line of code to disabled this feature:
if (e.detail.target.getAttribute('data-scroll-child-into-view-disabled')) return;
Yeah, theres nothing stopping you from opening an issue. It’s kind of hard to figure out and issue since I don’t have an example of this. Might as well open an issue since the keyboards/scrolling is an ongoing struggle
Im having a similar issue. Im using a directive to update the size of the textarea as it is typed into. Got this working, but then if the page scrolls while the keyboard is open (or as the keyboard opens), the cloned input shows up as only 2 lines providing a flashing effect to the text box. Adding
I also had this problem on a project that I’ve been working on. Basically, I had a textarea that was filling the entire content and if you were to send the app to the background and after that launch it, anything that you were typing in the textarea was not showing up unless you were tapping on the outside and close the keyboard.
My solution was to override the CSS rules associated with cloned inputs that were preventing the input on the actual textarea to show up.