title: TextView exceed Constraint if text is too long in ConstraintLayout
body: <p>I have one <code>TextView</code> aligned to the left and centered vertically. Two groups of <code>ImageView</code> and <code>TextView</code> are both aligned to the right, with two layout configurations, one with image on the right, another with image on the left. </p>
  
  <p>The hello world text can be very long. I want it to expand to fill the whole width without covering up the left text.</p>
  
  <p>I have added <code>app:layout_constraintStart_toEndOf="@id/text1"</code> to constraint the right group (image + text) not to overlap with the left text. However, it does not behave as I expected. </p>
  
  <p>How to make it not overlapping using only ConstraintLayout?</p>
  
  <p><a href="https://i.stack.imgur.com/nt2HA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nt2HA.png" alt="result with short text"></a></p>
  
  <p><code>Text1</code> will be covered up if the right text is too long, which is not expected. Be noted that the image on the second row is gone too.<br>
  <a href="https://i.stack.imgur.com/OUm6W.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OUm6W.png" alt="result with long text"></a></p>
  
  <p>code:  </p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"&gt;
  
      &lt;androidx.appcompat.widget.AppCompatTextView
          android:id="@+id/text1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toTopOf="parent"
          tools:text="Text1" /&gt;
  
      &lt;androidx.appcompat.widget.AppCompatTextView
          android:id="@+id/row1_text"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          app:layout_constraintEnd_toStartOf="@id/row1_image"
          app:layout_constraintHorizontal_bias="1"
          app:layout_constraintHorizontal_chainStyle="packed"
          app:layout_constraintStart_toEndOf="@id/text1"
          app:layout_constraintTop_toTopOf="parent"
          tools:text="Hello World" /&gt;
  
      &lt;androidx.appcompat.widget.AppCompatImageView
          android:id="@+id/row1_image"
          android:layout_width="22dp"
          android:layout_height="22dp"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintStart_toEndOf="@id/row1_text"
          app:layout_constraintTop_toTopOf="parent"
          tools:src="@drawable/ic_confirm" /&gt;
  
      &lt;androidx.constraintlayout.widget.Barrier
          android:id="@+id/horizontal_barrier"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          app:barrierDirection="bottom"
          app:constraint_referenced_ids="row1_text,row1_image" /&gt;
  
  
      &lt;androidx.appcompat.widget.AppCompatImageView
          android:id="@+id/row2_image"
          android:layout_width="22dp"
          android:layout_height="22dp"
          app:layout_constraintEnd_toStartOf="@id/row2_text"
          app:layout_constraintHorizontal_bias="1"
          app:layout_constraintHorizontal_chainStyle="packed"
          app:layout_constraintStart_toEndOf="@id/text1"
          app:layout_constraintTop_toTopOf="@id/horizontal_barrier"
          tools:src="@drawable/ic_confirm" /&gt;
  
      &lt;androidx.appcompat.widget.AppCompatTextView
          android:id="@+id/row2_text"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintStart_toEndOf="@id/row2_image"
          app:layout_constraintTop_toTopOf="@id/horizontal_barrier"
          tools:text="Hello World" /&gt;
  
  &lt;/androidx.constraintlayout.widget.ConstraintLayout&gt;
  </code></pre>
  
  <p>expected to be like below if the right text is too long. It can achieved by LinearLayout and RelativeLayout
  <a href="https://i.stack.imgur.com/jzFtj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jzFtj.png" alt="enter image description here"></a></p>