Good evening, Stackoverflow.
I am testing a system that has a general HTML table with a single row. Each td has a div inside and I got an XPath that correctly targets the element that I want (the number 170000). However, I cannot directly edit elements. Calling send_keys() on my python notebook will raise "ElementNotInteractableException: Message: element not interactable" error.
The usual next step of events for a manual user is to double click the cell to be edited. Upon doing so, a new textbox pops up as seen in the image bellow. Document-wise, this is done by the creation of a div that contains an input and both are appended to the very end of the body tag of the HTML doc. Note that every time we double click, new div and input tags are appended, and I also have an XPath that tracks the latest input ((//body/div/input[@class="x-form-text x-form-field"])[last()]).
<div class="x-layer x-editor x-small-editor x-grid-editor" id="ext-comp-9000" style="position: absolute; z-index: 11000; visibility: hidden; left: -10000px; top: -10000px; overflow: auto;">
<input type="text" size="20" autocomplete="off" id="ext-comp-8999" name="" class="x-form-text x-form-field" style="width: 42px; height: 16px;">
</div>
Now, when I try to send_keys() to that input element, the same "ElementNotInteractableException: Message: element not interactable" error is raised. If instead I use try to execute_script() and set the value directly, no exception is raised, but the value remains unchanged. Any clue as to why I cannot edit the contents of this input? I have no idea what should be done next. Please help
sources recently consulted: Element not reachable Duplicate listing Resolving exception thrown by sendKeys React js, element not clickable
