I am practicing to interact with element (nopcommerce domain). But meet some problems when trying to sendKey to a invisible element.
This is an input field of product tags which become invisible by css (position: absolute and left: -99999px). Below this input field is an tag which takes role of it. Below is all solutions I can think about by far.
Click (focus) to ul element and try to sendKey to ul tag => of course it doesnt work because this element is not interactable by keyboard
Directly sendKey to input field -> also not working
Make this input field visible with jsExecutor and try to sendKey to it -> also not working
Set value for this input field with setAttribute method of jsExecutor -> can set value for input field, however, when you click save button and come back, product tags will not be saved (not working)
Below is domain which contains elements: https://admin-demo.nopcommerce.com/Admin/Product/Edit/3
I struggling to find a way in more than three days but nothing seems helpful. I am very grateful if anyone can give me some ideas and solution. Thank you guys.