flexbox-layout icon indicating copy to clipboard operation
flexbox-layout copied to clipboard

FlexboxLayout with asymetric horizontal padding clips children for justifyContent flex_end

Open ChristophKaser opened this issue 1 year ago • 0 comments

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

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

ChristophKaser avatar Aug 01 '24 09:08 ChristophKaser