Skip to content

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

Open
@niazyeladawyalt

Description

@niazyeladawyalt

🛠 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