Lightbox controls do not appear when in a touch environment (mouseless)

[samouri]

Description

The <amp-lightbox-gallery> component should create Prev/Next buttons on the left and right side of the screen.
When emulating a phone (or on an actual phone), the controls never appear.

See:

---

I believe the root cause is the addition of i-amphtml-screen-reader:

amphtml/extensions/amp-lightbox-gallery/0.1/lightbox-controls.js

Lines 64 to 72 in 4b32cef

	const input = Services.inputFor(win);
	if (!input.isMouseDetected()) {
	el.querySelector('[data-action="prev"]').classList.add(
	'i-amphtml-screen-reader'
	);
	el.querySelector('[data-action="next"]').classList.add(
	'i-amphtml-screen-reader'
	);
	}

Reproduction Steps

1. In Chrome, enable mobile emulation
2. Go to https://playground.amp.dev/?url=https%3A%2F%2Fpreview.amp.dev%2Fdocumentation%2Fexamples%2Fcomponents%2Famp-lightbox-gallery&format=websites
3. Click any image and notice that the left/right arrows do not appear

@ampproject/wg-components

[JuliaTrubchyk]

Same issue exist on Firefox / desktop

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 7 days if no further activity occurs. Thank you for your contributions.

[dzarmanova]

The issue is still reproducible on desktop (Chrome and Firefox browser) and on mobile android device (Chrome browser)