Child views overlap when FlexboxLayout height is wrap_content

[ericksli]

• I have searched existing issues and confirmed this is not a duplicate

Issues and steps to reproduce

I add an empty FlexboxLayout in my XML layout file and add some TextViews as child views of the FlexboxLayout dynamically. The FlexboxLayout is configured with height=wrap_content, divider, alignItems, flexWrap, justifyContent in XML layout file.

Using the sample project below to build on Android 7,1.1 (API 25), the TextViews are overlapped but on Android 6.0.1 (API 23) and Android 4.1.6 (API 16) they renders as expected.

If I remove dividerDrawable and showDivider in XML layout file, the tags even not shown as the height of the FlexboxLayout become zero (as seen from Layout Inspector). The height for the overlapped case may come from the sum of all divider height but not include the height of the TextViews.

However, in my real project, the TextViews are overlapped on Android 6.0.1.

Expected behavior

TextViews should not be overlapped, as the screenshot below:

Version of the flexbox library

0.3.0

Link to code

https://github.com/ericksli/flexbox-layout-test

[thagikura]

Thanks for filing this issue and the test project.
Taking a look.

[ericksli]

I found that if I set app:alignItems="center" the problem is gone.

[thagikura]

Looks like there is an issue when alignItems is set to baseline with API level +24.
Investigating it further.

[thagikura]

Should be fixed by #342