Automattic / Automattic/jetpack

Podcast Player: Timestamp is not visible when Cover Art, Episode Title, and Episode Description is disabled

Open
#27,996 1 comment 0 reactions 0 assignees View on GitHub
[Block] Podcast Player [Platform] Atomic [Platform] Simple [Plugin] Jetpack [Pri] Low Bug Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Impacted plugin

Jetpack

### Steps to Reproduce

1. Go to any posts with Podcast Player block [(example)](https://marriedlifeinprogress.wordpress.com/2021/12/10/trailer/)
2. Hover over the time slider

### A clear and concise description of what you expected to happen.

Time should be visible when hovering over the time slider.
![podcast-player-timestamp](https://user-images.githubusercontent.com/67279475/208447254-63f2e826-5f4d-486b-a18c-6102dd664ad1.png)

### What actually happened

Only the bottom part of the bubble is shown and time is not visible.

![podcast-player-block-bug](https://user-images.githubusercontent.com/67279475/208446631-d0a4fe43-df92-441e-b38e-eb0416a4a01b.png)

### Browser

Google Chrome/Chromium

### Other information

![podcast-player-block](https://user-images.githubusercontent.com/67279475/208448167-de077042-ca0e-4945-81ac-1a838b019202.gif)

Context: pciE2j-1Cl-p2

### Platform (Simple, Atomic, or both?)

Simple, Atomic

### Reproducibility

Consistent

### Severity

None

### Available workarounds?

Yes, easy to implement

### Workaround details

The alternative is to enable either of the settings in the Podcast Player block to see the timestamp:

1. Show Cover Art
2. Show Episode Title
3. Show Episode Description

Contributor guide

Open the contributing guide

Research direction

Reproduce the Podcast Player block issue in Chrome or Chromium with Cover Art, Episode Title, and Episode Description disabled, then locate the block implementation by searching for the Podcast Player and timestamp or time-slider UI. Done means the complete time is visible while hovering over the slider in both Simple and Atomic contexts, without requiring any of those settings to be enabled.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, php, react, wordpress
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
32/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.