Missing select event on hidden documents

[ph-fritsche]

Reproduction example

user-event/tests/environment/select.ts

Lines 15 to 25 in eb57890

	test('events are not dispatched on same microtask in browser', async () => {
	const {element} = render<HTMLInputElement>(`<input value="foo"/>`)
	const onSelect = mocks.fn()
	element.addEventListener('select', onSelect)
	element.setSelectionRange(1, 2)
	expect(onSelect).toBeCalledTimes(isJsdomEnv() ? 1 : 0)
	await waitFor(() => expect(onSelect).toBeCalledTimes(1))
	})

Prerequisites

1. Render a form control with selection range (<input type="text">, <textarea>)
2. Change selection in the form control

Expected behavior

A select event is dispatched.

Actual behavior

There is no select event if document.visibilityState is hidden.

User-event version

14.5.2

Environment

DOM implementation: Chromium 131.0.6778.204 built on Debian GNU/Linux 12 (bookworm)

Additional context

similar to #553