xamarin/Xamarin.Forms

[iOS] SearchBar width is not currently consistent with other platforms or across ios versions

Open

#3,741 opened on Sep 6, 2018

 (1 comment) (0 reactions) (0 assignees)C# (1,926 forks)batch import
a/layoute/4 :clock4:help wantedinactivep/iOS 🍎t/bug :bug:up-for-grabs

Repository metrics

Stars
 (5,644 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Case 1

<Grid>
			<Grid.RowDefinitions>
				<RowDefinition></RowDefinition>
				<RowDefinition></RowDefinition>
				<RowDefinition></RowDefinition>
			</Grid.RowDefinitions>
			<StackLayout Orientation="Horizontal" BackgroundColor="Yellow">
				<SearchBar Text="CenterSearchBar" HorizontalOptions="Center"></SearchBar>
			</StackLayout>
			<StackLayout Grid.Row="1"  Orientation="Horizontal" BackgroundColor="Yellow">
				<Entry Text="CenterEntry" HorizontalOptions="Center" BackgroundColor="Green"></Entry>
			</StackLayout>
			<StackLayout Grid.Row="2"  Orientation="Horizontal" BackgroundColor="Yellow">
				<Label Text="CenterLabel" HorizontalOptions="Center" BackgroundColor="Green"></Label>
			</StackLayout>
		</Grid>

Android

image

iOS 11

image

Case 2

<StackLayout Orientation="Vertical" BackgroundColor="Pink">
				<StackLayout Orientation="Horizontal" BackgroundColor="Yellow">
					<SearchBar Text="Center" HorizontalOptions="Center"></SearchBar>
				</StackLayout>
				<StackLayout Orientation="Horizontal">
					<SearchBar Text="CenterAndExpand" HorizontalOptions="CenterAndExpand"></SearchBar>
				</StackLayout>
				<StackLayout Orientation="Horizontal">
					<SearchBar Text="Nothing"></SearchBar>
				</StackLayout>
				<StackLayout Orientation="Horizontal">
					<Label Text="hello stuffed marshmellow"></Label>
					<Label Text="hello stuffed marshmellow"></Label>
					<Label Text="hello stuffed marshmellow"></Label>
					<SearchBar></SearchBar>
					<Label Text="hello stuffed marshmellow"></Label>
					<Label Text="hello stuffed marshmellow"></Label>
					<Label Text="hello stuffed marshmellow"></Label>
				</StackLayout>
			</StackLayout>

Android

image

ios11

image

ios10

image

Steps to Reproduce

Run attached Repro

it has two pages that have the XAML above

Expected Behavior

All platforms (ios versions) should look the same

Actual Behavior

All platforms (ios versions) do not look the same

Basic Information

  • Version with issue: 3.2 pre3
  • Last known good version:
  • IDE:
  • Platform Target Frameworks:
    • iOS: 11.4 and 10.3
    • Android: 8.0

Reproduction Link

Dogfood32.zip

Contributor guide