Android ScrollView child width is larger than the screen (Api 21 bug)

On Android Lollipop this layout would produce a screen where children views of the ScrollView would have incorrect width.

<?xml version="1.0" encoding="utf-8"?> <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:fillViewport="true"> <FrameLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="20dp"> <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" > <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="24sp" android:text="Test" /> </android.support.design.widget.TextInputLayout> </FrameLayout> </ScrollView>

This is how the view looks on api level 21 emulator

And this the correct result, from api 27

To fix this ScrollView issue on api 21 devices, the child view "android:layout_margin" should be replaced with "android:padding". If it is not acceptable for the layout to have padding instead of margin (for example due to background color or click area placement) - padding can be set on parent container views. rows="20"