I want to use double-click to edit (update, not totally remove) manually added text using Selenium & Selenide using the Page object model.
public void EditSmth(String name){
tasks.find(text(name)).hover().doubleClick().setValue("cow");
}
CSS before double-clicking the text field looks like
<section id="main" data-woven="troopjs-todos/widget/display@6" style="display: block;">
<input id="toggle-all" type="checkbox" data-woven="troopjs-todos/widget/mark@8" />
<label for="toggle-all">Mark all as complete</label>
<ul id="todo-list" data-woven="troopjs-todos/widget/list@12">
<li class="active" data-index="0">
<div class="view">
<input class="toggle" type="checkbox" />
<label>sdsd</label>
<button class="destroy" />
</div>
<input class="edit" />
</li>
</ul>
</section>
after double-click
<section id="main" data-woven="troopjs-todos/widget/display@6" style="display: block;">
<input id="toggle-all" type="checkbox" data-woven="troopjs-todos/widget/mark@8" />
<label for="toggle-all">Mark all as complete</label>
<ul id="todo-list" data-woven="troopjs-todos/widget/list@12">
<li class="active editing" data-index="0">
<div class="view">
<input class="edit" />
</li>
</ul>
</section>