Using JS to enter text, but if I input text in one text box, the value already entered is getting deleted

Question

I have 3 text box in a row, and I am using JS to input the texts in the text boxes. But the problem is when I enter the text in one field, and go to second box to enter the text, the value from first text box is removed. we are using the below code to input text

((JavascriptExecutor) webDriver).executeScript(
  "arguments[0].setAttribute('value','"+inputText+"')",
  element);

Any reason to use `JS` to alter `'value'` attribute rather `sendkeys()` for `text box`? — undetected Selenium, Nov 23 '17 at 10:53
Hi @DebanjanB the application is built on shadow dom and sendkeys is not working. — Alapan Das, Nov 23 '17 at 10:54

score 1 · Accepted Answer · answered Nov 23 '17 at 16:02

Try the following :

String js = "arguments[0].setAttribute('value','"+inputText+"')"
((JavascriptExecutor) webDriver).executeScript(js, element);

Ensure that the before the second and third text is being pushed the document.readyState == "complete" is achieved.

Using JS to enter text, but if I input text in one text box, the value already entered is getting deleted

1 Answers1

Linked