google / flexbox-layout

Flexbox for Android
Apache License 2.0
18.25k stars 1.8k forks source link

FlexboxLayout with asymetric horizontal padding clips children for justifyContent flex_end #641

Open ChristophKaser opened 2 months ago

ChristophKaser commented 2 months ago

Issues and steps to reproduce

A FlexboxLayout with justifyContent flex_end with a larger paddingEnd than paddingStart clips its children at the right side.

Expected behavior

the children are aligned at the right side without clipping

Version of the flexbox library

implementation 'com.google.android.flexbox:flexbox:3.0.0'

Link to code

To reproduce, paste this layout xml and open the design preview

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.flexbox.FlexboxLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:paddingStart="50dp"
    android:paddingEnd="100dp"
    app:justifyContent="flex_end">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:text="Hello world"/>
</com.google.android.flexbox.FlexboxLayout>

This is what the result looks like:

grafik