GridLayout children are being clipped
<p>I have a layout for items in a <code>RecyclerView</code> like this:</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;GridLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:columnCount="2"
    android:rowCount="2"&gt;
    &lt;ImageView
        android:id="@+id/imageView"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_rowSpan="2" /&gt;
    &lt;TextView
        android:id="@+id/textView"
        android:layout_row="0"
        android:layout_column="1"
        android:layout_marginRight="8dp"
        android:padding="8dp" /&gt;
    &lt;android.webkit.WebView
        android:id="@+id/webView"
        android:layout_height="200dp"
        android:layout_row="1"
        android:layout_column="1"
        android:layout_marginRight="8dp" /&gt;
&lt;/GridLayout&gt;
</code></pre>

<p>The problem is, the <code>TextView</code> and <code>WebView</code> extend outside the area I was expecting. Their right-hand-sides are cut off. The amount they're being cut off looks like it's the width of the first column.</p>

<p>What is causing this and how can I rectify?</p>