Click invisible element

Apologies, another one, we don’t seem to be able to click an ‘invisible item’… The item becomes visible via mouseover but is clickable when hidden nevertheless (verified).

We tried a couple of settings with the force option but without succes. ClickAsync("#button1", 0, MouseButton.Left, 1, null, null, null, true, null);

What are we doing wrong?

Thanks, -M

[kblok]

@kababoom I was able to solve this using mouse emulation. What do you think?

await page.GoToAsync("https://www.w3schools.com/howto/howto_css_dropdown.asp");
var btn = await page.QuerySelectorAsync(".dropbtn");
var box = await btn.GetBoundingBoxAsync();
await page.Mouse.MoveAsync(box.X + (box.Width / 2), box.Y + (box.Height / 2));
var option = await page.QuerySelectorAsync("text=Link 1");
var optionBox = await option.GetBoundingBoxAsync();
await page.Mouse.MoveAsync(optionBox.X + (optionBox.Width / 2), optionBox.Y + (optionBox.Height / 2));
await option.ClickAsync();

[kblok]

@kababoom the idea of the ClickAsync function is to emulate a user action. If the element is not visible there’s no chance of a user action.

ClickAsync is not a map of the click function in javascript. If you want to use the click function you can use EvalOnSelectorAsync.

await page.EvalOnSelectorAsync("#button1", "el => el.click()");