[text-field] Deleting text in text-area makes scrollbar jump

[ropoman]

Description

Paste a longer text into the text area so that the browser shows a scrollbar and is not at the top position. Now delete some text in the textarea and the browser scrollbar jumps up and the user has lost the current editing position

Steps to reproduce

<vaadin.version>14.1.17</vaadin.version>

@route(value = "test")
@uiscope
public class Test extends VerticalLayout {
@PostConstruct
public void init() {
setSizeFull();
TextArea a = new TextArea();
add(a);
}
}

Then paste a longer text into the text area so that the browser shows a scrollbar and is not at the top position. Now delete some text in the textarea and the browser scrollbar jumps up and the user has lost the current editing position

Browsers Affected

Problem occurs in Firefox and Edge. Chrome seems to work

[tomivirkki]

Confirmed the issue

[web-padawan]

Happens in both Firefox and Safari, but not in Chrome. Confirmed with this demo:

https://vaadin-textarea-scroll-issue.glitch.me/

Steps to reproduce:

1. scroll page to the end
2. delete some text from the textarea (but not too much so its height stays the same)