I am having an issue with a stack of RadMaskedInput Controls on a Xamarin Form. Only in iOS, when rotating the phone the width size of the MaskedInput does not auto adjust. I also have RadEntry boxes in the same Form that do adjust on rotation.
This only happens on iOS.
I am using a FlexLayout. Maybe, I am not seeing something, or I am doing something wrong. But it strange that it only happens on iOS and not Android.
If I exist the Form in the given rotation and then reenter the Form, the widths do adjust. But it takes an exit of the Form in the given rotation to force the control to resize. Again, this occurs only on iOS.
Is this an known issue? If not, I will supply more XAML for review.
<
OnPlatform
x:Key
=
"PlatformCornerRadius"
x:TypeArguments
=
"x:Double"
><
On
Platform
=
"iOS"
>3</
On
><
On
Platform
=
"Android"
>8</
On
></
OnPlatform
>
<
OnPlatform
x:Key
=
"HeightScale"
x:TypeArguments
=
"x:Double"
><
On
Platform
=
"iOS"
>1.20</
On
><
On
Platform
=
"Android"
>1</
On
></
OnPlatform
>
<
telerikInput:BorderStyle
x:Key
=
"EntryBorderStyle"
BorderThickness
=
"1"
BorderColor
=
"#4488F6"
CornerRadius
=
"{x:StaticResource Key=PlatformCornerRadius}"
/>
<
Style
x:Name
=
"MaskedEditStyle"
TargetType
=
"telerikInput:RadMaskedInput"
>
<
Setter
Property
=
"ErrorColor"
Value
=
"Red"
/>
<
Setter
Property
=
"MaskType"
Value
=
"Regex"
/>
<
Setter
Property
=
"BorderStyle"
Value
=
"{StaticResource EntryBorderStyle}"
/>
<
Setter
Property
=
"ScaleY"
Value
=
"{StaticResource HeightScale}"
/>
</
Style
>
<
StackLayout
Grid.Row
=
"3"
Orientation
=
"Vertical"
>
<
Label
StyleClass
=
"entry-label"
>Last Name:</
Label
>
<
telerikInput:RadMaskedInput
x:Name
=
"tEmailEntry"
InvalidInputErrorText
=
"Invalid Email Address."
WatermarkText
=
"Email Address"
Mask
=
"{x:Static VM:FINSAccount.FINSCreateAccountViewModel.EmailExpression}"
InputValue
=
"{Binding FirstName, Mode=OneWayToSource}"
/> </
StackLayout
>