Skip to content

Fix RTL layout mirroring and wipe animations for lyrics#2150

Open
chosendango wants to merge 1 commit into
maxrave-dev:mainfrom
chosendango:fix-rtl-mirroring
Open

Fix RTL layout mirroring and wipe animations for lyrics#2150
chosendango wants to merge 1 commit into
maxrave-dev:mainfrom
chosendango:fix-rtl-mirroring

Conversation

@chosendango

Copy link
Copy Markdown

This PR resolves UI issues when viewing lyrics that contain right-to-left scripts (like Arabic).

Changes:

  • Wrapped the RichSyncLyricsLineItem and LyricsLineItem text layouts in a dynamic CompositionLocalProvider to enforce LayoutDirection.Rtl or LayoutDirection.Ltr based on the specific line's character directionality.
  • Updated the clipRect bounds inside AnimatedWord so the karaoke wipe animation natively flows right-to-left for RTL text.

@maxrave-dev

Copy link
Copy Markdown
Owner

Please show demo, screenshot, screenrecord

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

Successfully merging this pull request may close these issues.

2 participants