title: Ripple Leaking Outside Rounded Corners of Overflow Menu
body: <p>Need help from anyone.</p>
  <p>I created a rounded overflow menu but the ripple effect is leaking outside the rounded corners - it is still square. How to fix this? Can't find any info from anywhere.</p>
  <p>style.xml</p>
  <pre><code>&lt;style name=&quot;PopupMenuOverflowStyle&quot; parent=&quot;@android:style/Widget.Material.ListPopupWindow&quot;&gt;
      &lt;item name=&quot;android:listSelector&quot;&gt;@drawable/menu_list_selector&lt;/item&gt;
      &lt;item name=&quot;android:popupBackground&quot;&gt;@drawable/popup_menu_background&lt;/item&gt;  
  &lt;/style&gt; 
  </code></pre>
  <p>popup_menu_background.xml</p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  &lt;layer-list xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;&gt;
      &lt;item android:top=&quot;6dp&quot; android:bottom=&quot;6dp&quot;&gt;
          &lt;shape android:shape=&quot;rectangle&quot;&gt;
              &lt;padding android:top=&quot;6dp&quot; android:bottom=&quot;6dp&quot;/&gt;
              &lt;corners android:radius=&quot;26dp&quot;/&gt;
              &lt;solid android:color=&quot;?attr/colorSurface&quot;/&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  &lt;/layer-list&gt;
  </code></pre>
  <p>menu_list_selector.xml</p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  &lt;selector xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;&gt;
      &lt;item&gt;
          &lt;ripple android:color=&quot;@color/ripple_color&quot;&gt;
              &lt;item android:id=&quot;@android:id/mask&quot;&gt;
                  &lt;color android:color=&quot;?attr/colorSurface&quot;/&gt;
              &lt;/item&gt;
          &lt;/ripple&gt;
      &lt;/item&gt;
  &lt;/selector&gt;
  </code></pre>
  <p>color.xml</p>
  <pre><code>&lt;color name=&quot;ripple_color&quot;&gt;#0d000000&lt;/color&gt;
  </code></pre>
  <p>Thank you.</p>