title: TextView text cut off on the left instead of getting ellipsis-shortened
body: <p>Look at the part of the layout:</p>
  
  <pre><code>&lt;LinearLayout
              android:orientation="horizontal"
              android:layout_width="0dp"
              android:layout_height="wrap_content"
              android:layout_gravity="center_vertical|right"
              android:gravity="center_vertical|right"
              android:layout_weight="1"&gt;
  
              &lt;TextView
                  android:id="@+id/second_team_code"
                  android:layout_marginRight="6dp"
                  style="@style/TextView.TeamCode"/&gt;
  
              &lt;ImageView
                  android:id="@+id/second_team_flag"
                  android:layout_marginRight="1dp"
                  style="@style/FlagImageView"/&gt;
  
          &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>For some reason, when small size of enclosing views causes text to overflow, text is not shortened by adding "...", but the beginning of the text is truncated. Swap the TextView and ImageView - and the text is ellipsis-shortened as needed.</p>
  
  <p>Why does it work so? And how to fix this?</p>
  
  <p>Style:</p>
  
  <pre><code>    &lt;style name="TextView.TeamCode"&gt;
      &lt;item name="android:layout_width"&gt;wrap_content&lt;/item&gt;
      &lt;item name="android:layout_height"&gt;wrap_content&lt;/item&gt;
      &lt;item name="android:singleLine"&gt;true&lt;/item&gt;
      &lt;item name="android:ellipsize"&gt;end&lt;/item&gt;
      &lt;/style&gt;
  </code></pre>