Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
niazyeladawyalt opened this issue Apr 3, 2025 · 1 comment

Comments

@niazyeladawyalt
Copy link

🛠 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.

Repository owner deleted a comment Apr 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant