Skip to content

fix: RTL toolbar missing #365

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
wants to merge 9 commits into
base: main
Choose a base branch
from

Conversation

tengweiherr
Copy link
Contributor

fix #358

Changes

  • override the calculations in the toolbar positioning and resizing if it is RTL (by checking the directionality set in the documentElement

Examples

demo-1-1.mp4

Copy link

vercel bot commented Apr 13, 2025

@tengweiherr is attempting to deploy a commit to the Million Team on Vercel.

A member of the Team first needs to authorize it.

Copy link

pkg-pr-new bot commented Apr 13, 2025

Open in StackBlitz

npm i https://pkg.pr.new/aidenybai/react-scan@365

commit: 24477b0

@@ -721,7 +721,7 @@ export const ScanOverlay = () => {
dir="ltr"
className={cn(
'react-scan-inspector-overlay',
'fixed inset-0 w-screen h-screen',
'fixed top-0 left-0 w-screen h-screen',
Copy link
Contributor Author

@tengweiherr tengweiherr Apr 13, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is to fix the following canvas positioning issue in RTL.

issue-1.mov

Notice that the initial render's outlines flushing is fine because of top-0 left-0 in here

@RobPruzan
Copy link
Collaborator

Hoping to review this soon!

@tengweiherr
Copy link
Contributor Author

@RobPruzan Bump😄

@vladkucherov
Copy link

@RobPruzan Another kind bump 🙏

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.

Widget is not visible in RTL applications
3 participants