WordPress / openverse-frontend

The gateway to the Openverse. Openverse is a search tool for CC-licensed and public domain content across the internet.

Home Page:https://wordpress.org/openverse

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pause button not fully clickable in mobile audio player

sarayourfriend opened this issue · comments

Description

The mobile audio player play/pause button is only clickable in the left and bottom margin.

Reproduction

  1. Go to `/search/audio?q=galah` with a narrow viewport width.
  2. Play the first audio and see the mobile audio player open.
  3. Try to click pause in the centre of the button or on the right/upper sides.

This seems caused by an element overlaying the button and intercepting the click events.

image

Additional context

Is there a way to test this in playwright?

Resolution

  • 🙋 I would be interested in resolving this bug.