Forcing LTR on phone number field

Adyen · Sep 4, 2024 · d554e9f · d554e9f
1 parent 2ac077c
commit d554e9f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/Adyen/UI/Form/Items/Phone Number/FormPhoneNumberItemView.swift b/Adyen/UI/Form/Items/Phone Number/FormPhoneNumberItemView.swift
@@ -34,7 +34,14 @@ internal final class FormPhoneNumberItemView: FormTextItemView<FormPhoneNumberIt
     }()
 
     private func applyTextFieldLeftAccessoryView(textField: UITextField) {
-        textField.leftViewMode = .always
-        textField.leftView = phoneExtensionView
+        if UIView.userInterfaceLayoutDirection(for: textField.semanticContentAttribute) == .rightToLeft {
+            // If the interface direction is right to left we set the `rightView` so it shows up on the left side
+            // as in RTL languages the phone number still gets read from left to right
+            textField.rightViewMode = .always
+            textField.rightView = phoneExtensionView
+        } else {
+            textField.leftViewMode = .always
+            textField.leftView = phoneExtensionView
+        }
     }
 }
diff --git a/.../UI/Form/Items/Phone Number/Phone Extension Picker/FormPhoneExtensionPickerItemView.swift b/.../UI/Form/Items/Phone Number/Phone Extension Picker/FormPhoneExtensionPickerItemView.swift
@@ -74,6 +74,9 @@ public final class FormPhoneExtensionPickerItemView: FormItemView<FormPhoneExten
         stackView.distribution = .fillProportionally
         stackView.spacing = 6
         stackView.isUserInteractionEnabled = false
+        // Phone numbers in RTL languages are still read left to right
+        // so we force it into this mode so the StackView order is consistent
+        stackView.semanticContentAttribute = .forceLeftToRight
 
         let button = UIButton(type: .custom)
         button.addTarget(self, action: #selector(handleSelection), for: .touchUpInside)