From e67fcfe1984ad619d1cc26654e4b594ba47d02c3 Mon Sep 17 00:00:00 2001 From: George Desipris <73396808+desiprisg@users.noreply.github.com> Date: Fri, 13 Oct 2023 09:36:33 +0300 Subject: [PATCH] fix(clerk-js): Enforce LTR direction in code inputs (#1873) --- .changeset/metal-lizards-build.md | 5 +++++ packages/clerk-js/src/ui/elements/CodeControl.tsx | 1 + 2 files changed, 6 insertions(+) create mode 100644 .changeset/metal-lizards-build.md diff --git a/.changeset/metal-lizards-build.md b/.changeset/metal-lizards-build.md new file mode 100644 index 0000000000..ac2e2eea55 --- /dev/null +++ b/.changeset/metal-lizards-build.md @@ -0,0 +1,5 @@ +--- +'@clerk/clerk-js': patch +--- + +Enforce LTR direction in code inputs diff --git a/packages/clerk-js/src/ui/elements/CodeControl.tsx b/packages/clerk-js/src/ui/elements/CodeControl.tsx index 535e9d7b02..23588fe997 100644 --- a/packages/clerk-js/src/ui/elements/CodeControl.tsx +++ b/packages/clerk-js/src/ui/elements/CodeControl.tsx @@ -177,6 +177,7 @@ export const CodeControl = React.forwardRef<{ reset: any }, CodeControlProps>((p elementDescriptor={descriptors.otpCodeFieldInputs} gap={2} align='center' + sx={{ direction: 'ltr', width: 'max-content' }} > {values.map((value, index: number) => (