Skip to content

Current time is hidden behind volume control in the player toolbar #138

Description

@alexbj75

Summary

The current-time readout in the player control bar is partially obscured by the volume control, so users cannot read the elapsed playback time.

Screenshot

In the control bar, left-to-right: play/pause button, volume icon, a white rounded pill element (appears to be the volume slider/indicator), then the time readout. The pill overlaps the first portion of the current time — only 29 / 26:05 is visible, where it should be something like 1:29 / 26:05 (the leading minutes are hidden behind the pill).

bug
(Original screenshot attached in the forwarded report; happy to share on request.)

Steps to reproduce

  1. Load any video in the web-player with the default eyevinn-skin
  2. Play past the first minute (so the current time has two-plus digits before the colon)
  3. Observe the control bar at the bottom of the player

Expected: Current time fully visible, e.g. 1:29 / 26:05.
Actual: Leading digits of current time are covered by the volume control overlay, e.g. 29 / 26:05.

Environment

  • Repo: Eyevinn/web-player
  • Skin: packages/eyevinn-skin (the only skin in the repo)
  • Reported by an end user of a site using the player. Browser/OS not captured in the original report, but the visual overlap appears layout-related (not a browser-specific rendering quirk).

Likely area

Probably CSS stacking/positioning in packages/eyevinn-skin/src/components/buttons/volume/ and/or the surrounding control-bar layout in packages/eyevinn-skin/src/EyevinnSkin.tsx. The volume slider wrapper uses position: absolute, which may overlap sibling elements like the timeline/time readout depending on stacking context and flex layout.

Context

This is an external bug report forwarded from a user of a site embedding the player — not from a maintainer. Filing upstream so the Eyevinn web-player team can investigate and fix at the source.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions