Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

🚨 RTL Issue: Progress Bar & Seek Thumb Misaligned in Right-to-Left Layouts #2852

Open
@niazyeladawyalt

Description

🛠 Bug Report: RTL Layout Issues in Plyr
Description:
When using Plyr in an RTL (dir="rtl") layout, the progress bar and seek thumb behave incorrectly:

The seek bar starts from the left instead of the right.

The tooltip and progress value calculation are misaligned.

Applying transform: rotate(180deg) causes the control thumb to move in the wrong direction.

🔄 Steps to Reproduce:

Initialize Plyr in an RTL layout.

Try seeking using the progress bar.

Notice that the control ball (seek thumb) starts from the left instead of the right.

📷 Expected Behavior:

The seek bar should start from the right and progress to the left.

The seek thumb should align properly.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions

        AltStyle によって変換されたページ (->オリジナル) /