Skip to content

<theoplayer-preview-time-display> gets stuck on iOS Safari #173

Description

@ceyhun-o

On iOS Safari, <theoplayer-preview-time-display> gets stuck when tapping the seek bar.

If there is no preview thumbnails, a persistent --:-- is shown on the top left of seek bar. If there is a thumbnail preview, the same thumbnail is shown every time when seeking around by tapping to the seek bar.

This is not a regression, and it seems to be due to iOS's sticky :hover state. pointermove event doesn't fire during slider interaction, so previewTime stays NaN and renders as --:--. The preview box also sits at the left edge since its position transform is never updated.

Root cause: preview box visibility is tied to :hover and its content/position is only updated on pointermove, neither of which fires reliably on touch devices during native <input type="range"> thumb interaction.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions