title: How to correct ConstraintLayout TextView overlapping when more than two lines
body: <p>I am having a problem with constraint layout where the text in one text view reaching the second line will not push down another text view that is constrained to be below it, until the middle of the line.</p>
  
  <p>I have built a simple layout with three text views. The first text view sits on the left and has a set width. The second one sits to the right of this, between it and its parent. The third sits below the second and to the left of the first.</p>
  
  <p>I want it to look like:
  <a href="https://i.stack.imgur.com/7m4GF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7m4GF.png" alt="Layout of activity with the three text views as desired"></a></p>
  
  <p>However if I remove the text "Not Overlapping." I get:
  <a href="https://i.stack.imgur.com/og3qJ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/og3qJ.png" alt="Layout of activity with the third text view overlapping the second."></a></p>
  
  <p>The point at which it changes (The "O" in "Not Overlapping")appears to be when the length of the text fills two lines when the first Text View is not there:
  <a href="https://i.stack.imgur.com/c24q6.png" rel="noreferrer"><img src="https://i.stack.imgur.com/c24q6.png" alt="Image showing if the first TextView was not there that the text would wrap perfectly."></a></p>
  
  <p>So how do I change this layout so that even when I have a text view on the left side of the screen it will push Text View 3 down as soon as it reaches two lines? As opposed to pushing it down half way through the second line.</p>
  
  <p>My XML:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;android.support.constraint.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"
      tools:context="com.testapp.myapplication.MainActivity"&gt;
  
      &lt;TextView
          android:id="@+id/text_view_1"
          android:layout_width="120dp"
          android:layout_height="0dp"
          android:background="@color/colorAccent"
          android:text="Text View 1"
          android:textAppearance="@style/TextAppearance.AppCompat.Body2"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintHorizontal_bias="0.0"
          app:layout_constraintLeft_toLeftOf="parent"
          app:layout_constraintRight_toRightOf="parent"
          app:layout_constraintTop_toTopOf="parent" /&gt;
  
      &lt;TextView
          android:id="@+id/text_view_2"
          android:layout_width="0dp"
          android:layout_height="wrap_content"
          android:background="#22AA99"
          android:text="Text View 2 Showing problem with overlap. Overlapping. Not O"
          android:textAppearance="@style/TextAppearance.AppCompat.Body2"
          app:layout_constraintLeft_toRightOf="@id/text_view_1"
          app:layout_constraintRight_toRightOf="parent"
          app:layout_constraintTop_toTopOf="parent" /&gt;
  
      &lt;TextView
          android:id="@+id/text_view_3"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:background="#FF00FF"
          android:text="Text View 3"
          android:textAppearance="@style/TextAppearance.AppCompat.Body2"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintLeft_toRightOf="@id/text_view_1"
          app:layout_constraintRight_toRightOf="parent"
          app:layout_constraintTop_toBottomOf="@id/text_view_2" /&gt;
  
  &lt;/android.support.constraint.ConstraintLayout&gt;
  </code></pre>
  
  <p>Thanks.</p>