title: Cypress click button and keep the mouse on the button
body: <p>I am testing a dropdown button, when I click the button, the dropdown menu shows up. However, if the mouse leaves the button and menu, the dropdown menu will hide. If I use <code>click</code>, it will fail with reason the button detached on the DOM. If I use <code>click({force:true})</code>, it will throw the ResizeObserver loop limit exceeded exception. Then I use <code>realClick</code> the button, no fail or errors, but still, the dropdown menu can not be seen. I think it's because the mouse is in other position so it hides (or maybe some other weird reasons). I tried <code>realHover</code> before or after the <code>realClick</code>, still no dropdown menu. How can I keep the mouse on the button after <code>realClick</code>?</p>