`userEvent.click` doesn't ignore hidden elements as the documentation says

Reproduction example

https://codesandbox.io/s/user-event-invisible-button-xpw2kf

Prerequisites

1. Render an invisble button:

<button onClick={() => setClicked(true)} style={{visibility: 'hidden'}}>
  Click me!
</button>

2. Select the button.
3. Click the button using the click function of userEvent.

Expected behavior

The click function shouldn't work on invisible HTML elements. Maybe an error should be thrown in that case.

Actual behavior

Even though the documentation says

It adds visibility and interactability checks along the way and manipulates the DOM just like a user interaction in the browser would. It factors in that the browser e.g. wouldn't let a user click a hidden element or type in a disabled text box.

the click function still works on the invisible button.

User-event version

14.4.3

Environment

No response

Additional context

No response

Start with the linked CodeSandbox reproduction and the userEvent click implementation for version 14.4.3. Verify how visibility and interactability checks handle the button styled with visibility:hidden, then confirm that clicking it no longer succeeds as described in the issue and that the documentation behavior is consistent.