dotnet / dotnet/maui

[Bug] FlexLayout does not position correctly within parent layout

Open
#2,091 7 comments 1 reaction 0 assignees View on GitHub
area-layout layout-flex s/triaged s/verified t/bug
Dominant language
C#
Stars
23.3k
Forks
2k
Avg merge
1d 10h
Merged PRs (30d)
297

Description

### Description

The layouts are overlapping, but should not be. Seems `FlexLayout` doesn't measure correctly or before the next element in the VSL is position (cuz I can't resist guessing for no good reason).

```









```

### Expected Behavior

### Actual Behavior

### Basic Information

- Version with issue: preview.7

### Screenshots

![Screen Shot 2021-08-13 at 2 59 25 PM](https://user-images.githubusercontent.com/41873/129412590-e83721ce-d943-4e65-92a6-aead0efd02e0.png)

By default I don't show the FlexLayout on iOS:

![Simulator Screen Shot - iPhone 12 - 2021-08-13 at 15 05 58](https://user-images.githubusercontent.com/41873/129413099-a03beda4-f495-45c5-a896-efff37888824.png)

When I do it's the same overlap problem as macOS and I expect other platforms.

![Simulator Screen Shot - iPhone 12 - 2021-08-13 at 15 08 44](https://user-images.githubusercontent.com/41873/129413493-0d822415-9a5a-4b3e-b4ef-2faec57f3037.png)

### Reproduction Link

https://github.com/davidortinau/WeatherTwentyOne/blob/main/src/WeatherTwentyOne/Pages/HomePage.xaml

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.