fix: input otp rtl (#251)

nank1ro · Jan 21, 2025 · e3ed3ae · e3ed3ae
1 parent 59de220
commit e3ed3ae
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 0.18.2
+
+- **FIX**: `InputOTP` component with RTL directionality.
+
 ## 0.18.1
 
 - **FIX**: Set `ShadCard` clipBehavior to `Clip.antialias`, add `clipBehavior` to `ShadCard` and `ShadCardTheme`.

diff --git a/lib/src/components/input_otp.dart b/lib/src/components/input_otp.dart
@@ -207,6 +207,7 @@ class ShadInputOTPState extends State<ShadInputOTP> {
       child: ShadDisabled(
         disabled: !widget.enabled,
         child: Row(
+          textDirection: TextDirection.ltr,
           mainAxisSize: MainAxisSize.min,
           children: widget.children.separatedBy(SizedBox(width: effectiveGap)),
         ),
@@ -240,6 +241,7 @@ class _ShadInputOTPGroupState extends State<ShadInputOTPGroup> {
   @override
   Widget build(BuildContext context) {
     return Row(
+      textDirection: TextDirection.ltr,
       mainAxisSize: MainAxisSize.min,
       children: widget.children,
     );
@@ -439,6 +441,7 @@ class _ShadInputOTPSlotState extends State<ShadInputOTPSlot> {
 
     final lastIndexForGroup = otpProvider.widget.maxLength / otpProvider.groups;
     final isLastInGroup = (index + 1) % lastIndexForGroup == 0;
+
     final isFirstInGroup = index % lastIndexForGroup == 0;
 
     final BorderRadius effectiveRadius;

diff --git a/pubspec.yaml b/pubspec.yaml
@@ -1,6 +1,6 @@
 name: shadcn_ui
 description: shadcn-ui ported in Flutter. Awesome UI components for Flutter, fully customizable.
-version: 0.18.1
+version: 0.18.2
 homepage: https://flutter-shadcn-ui.mariuti.com
 repository: https://github.com/nank1ro/flutter-shadcn-ui
 documentation: https://flutter-shadcn-ui.mariuti.com