Merge pull request #13265 from Akshaykomar890/trunk

Fix Spinner Ripple Effect in WCMaterialOutlinedSpinnerView.

WooCommerce/src/main/res/drawable/custom_ripple.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- Background shape or color -->
+    <item>
+        <shape android:shape="rectangle">
+            <solid android:color="@android:color/transparent" />
+        </shape>
+    </item>
+
+    <!-- Ripple effect -->
+    <item android:left="@dimen/minor_10" android:top="@dimen/minor_75" android:right="@dimen/minor_10" android:bottom="@dimen/minor_00">
+        <ripple android:color="?attr/colorControlHighlight">
+            <item android:id="@android:id/mask">
+                <shape android:shape="rectangle">
+                    <solid android:color="?attr/colorAccent" />
+                </shape>
+            </item>
+        </ripple>
+    </item>
+</layer-list>
+
+

WooCommerce/src/main/res/values/styles_base.xml

@@ -385,7 +385,7 @@ theme across the entire app. Overridden versions should be added to the styles.x
         <item name="endIconTint">@color/color_on_surface_medium_selector</item>
         <item name="endIconTintMode">src_atop</item>
         <item name="android:cursorVisible">false</item>
-        <item name="android:background">?attr/selectableItemBackground</item>
+        <item name="android:background">@drawable/custom_ripple</item>
         <item name="android:focusable">true</item>
         <item name="android:focusableInTouchMode">true</item>
     </style>