fixed material components TextInputLayout's background issue

Author: bolaware

raveandroid/src/main/res/layout/rave_sdk_avsvbv_layout.xml

@@ -2,6 +2,7 @@
 
 <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     android:scrollbars="vertical"
     android:fillViewport="true"
     android:layout_height="match_parent">
@@ -33,6 +34,7 @@
         android:text="@string/enter_your_billing_address_details"/>
 
     <android.support.design.widget.TextInputLayout
+                android:background="@null"
         android:layout_width="match_parent"
         android:id="@+id/rave_billAddressTil"
         android:layout_marginBottom="5dp"
@@ -54,6 +56,7 @@
     </android.support.design.widget.TextInputLayout>
 
     <android.support.design.widget.TextInputLayout
+                android:background="@null"
         android:layout_width="match_parent"
         android:id="@+id/rave_billCityTil"
         android:layout_marginBottom="5dp"
@@ -62,6 +65,7 @@
         android:layout_height="wrap_content">
 
         <android.support.design.widget.TextInputEditText
+            android:paddingLeft="2dp"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:maxLines="1"
@@ -75,6 +79,7 @@
     </android.support.design.widget.TextInputLayout>
 
     <android.support.design.widget.TextInputLayout
+                android:background="@null"
         android:layout_width="match_parent"
         android:id="@+id/rave_billStateTil"
         android:layout_marginBottom="5dp"
@@ -83,6 +88,7 @@
         android:layout_height="wrap_content">
 
         <android.support.design.widget.TextInputEditText
+            android:paddingLeft="2dp"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:maxLines="1"
@@ -96,6 +102,7 @@
     </android.support.design.widget.TextInputLayout>
 
     <android.support.design.widget.TextInputLayout
+                android:background="@null"
         android:layout_width="match_parent"
         android:id="@+id/rave_zipTil"
         android:layout_marginBottom="5dp"
@@ -104,6 +111,7 @@
         android:layout_height="wrap_content">
 
         <android.support.design.widget.TextInputEditText
+            android:paddingLeft="2dp"
             android:layout_width="match_parent"
             android:imeOptions="actionNext"
             android:layout_height="wrap_content"
@@ -117,6 +125,7 @@
     </android.support.design.widget.TextInputLayout>
 
     <android.support.design.widget.TextInputLayout
+                android:background="@null"
         android:layout_width="match_parent"
         android:id="@+id/rave_countryTil"
         android:layout_marginBottom="10dp"
@@ -125,6 +134,7 @@
         android:layout_height="wrap_content">
 
         <android.support.design.widget.TextInputEditText
+            android:paddingLeft="2dp"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:hint="Country e.g. US"

raveandroid/src/main/res/layout/rave_sdk_fragment_account.xml

@@ -21,13 +21,15 @@
             android:paddingTop="20dp">
 
             <android.support.design.widget.TextInputLayout
+                android:background="@null"
                 android:id="@+id/rave_amountTil"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:layout_marginLeft="20dp"
                 android:layout_marginRight="20dp">
 
                 <android.support.design.widget.TextInputEditText
+                    android:paddingLeft="2dp"
                     android:id="@+id/rave_amountEt"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
@@ -38,13 +40,15 @@
             </android.support.design.widget.TextInputLayout>
 
             <android.support.design.widget.TextInputLayout
+                android:background="@null"
                 android:id="@+id/rave_emailTil"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:layout_marginLeft="20dp"
                 android:layout_marginRight="20dp">
 
                 <android.support.design.widget.TextInputEditText
+                    android:paddingLeft="2dp"
                     android:id="@+id/rave_emailEt"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
@@ -55,13 +59,15 @@
             </android.support.design.widget.TextInputLayout>
 
             <android.support.design.widget.TextInputLayout
+                android:background="@null"
                 android:id="@+id/rave_phoneTil"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:layout_marginLeft="20dp"
                 android:layout_marginRight="20dp">
 
                 <android.support.design.widget.TextInputEditText
+                    android:paddingLeft="2dp"
                     android:id="@+id/rave_phoneEt"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
@@ -72,13 +78,15 @@
             </android.support.design.widget.TextInputLayout>
 
             <android.support.design.widget.TextInputLayout
+                android:background="@null"
                 android:id="@+id/rave_accountNumberTil"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:layout_marginLeft="20dp"
                 android:layout_marginRight="20dp">
 
                 <android.support.design.widget.TextInputEditText
+                    android:paddingLeft="2dp"
                     android:id="@+id/rave_accountNumberEt"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
@@ -91,6 +99,7 @@
             </android.support.design.widget.TextInputLayout>
 
             <android.support.design.widget.TextInputLayout
+                android:background="@null"
                 android:id="@+id/rave_bvnTil"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
@@ -99,6 +108,7 @@
                 android:layout_marginRight="20dp">
 
                 <android.support.design.widget.TextInputEditText
+                    android:paddingLeft="2dp"
                     android:id="@+id/rave_bvnEt"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"

raveandroid/src/main/res/layout/rave_sdk_fragment_ach.xml

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     android:orientation="vertical"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
@@ -21,12 +22,14 @@
 
 
             <android.support.design.widget.TextInputLayout
+                android:background="@null"
                 android:layout_width="match_parent"
                 android:id="@+id/rave_amountTil"
                 android:visibility="gone"
                 android:layout_height="wrap_content">
 
                 <android.support.design.widget.TextInputEditText
+                    android:paddingLeft="2dp"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
                     android:hint="@string/amount"

raveandroid/src/main/res/layout/rave_sdk_fragment_barter.xml

@@ -3,6 +3,7 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     tools:context=".barter.BarterFragment">
 
     <ScrollView
@@ -19,6 +20,7 @@
             android:paddingTop="10dp">
 
             <android.support.design.widget.TextInputLayout
+                android:background="@null"
                 android:id="@+id/rave_amountTil"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content">

raveandroid/src/main/res/layout/rave_sdk_fragment_card.xml

@@ -1,5 +1,6 @@
 <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     android:descendantFocusability="beforeDescendants"
     android:focusableInTouchMode="true"
     android:layout_width="match_parent"
@@ -22,11 +23,13 @@
 
 
                 <android.support.design.widget.TextInputLayout
+                android:background="@null"
                     android:layout_width="match_parent"
                     android:id="@+id/rave_amountTil"
                     android:layout_height="wrap_content">
 
                     <android.support.design.widget.TextInputEditText
+                        android:paddingLeft="2dp"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
                         android:hint="@string/amount"
@@ -39,11 +42,13 @@
                 </android.support.design.widget.TextInputLayout>
 
                 <android.support.design.widget.TextInputLayout
+                android:background="@null"
                     android:layout_width="match_parent"
                     android:id="@+id/rave_emailTil"
                     android:layout_height="wrap_content">
 
                     <android.support.design.widget.TextInputEditText
+                        android:paddingLeft="2dp"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
                         android:hint="@string/email"
@@ -62,6 +67,7 @@
                     android:orientation="vertical">
 
                     <android.support.design.widget.TextInputLayout
+                android:background="@null"
                         android:id="@+id/rave_cardNoTil"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
@@ -85,6 +91,7 @@
                         android:orientation="horizontal">
 
                         <android.support.design.widget.TextInputLayout
+                android:background="@null"
                             android:id="@+id/rave_cardExpiryTil"
                             android:layout_width="0dip"
                             android:layout_height="match_parent"
@@ -93,6 +100,7 @@
                             android:layout_weight="1">
 
                             <android.support.design.widget.TextInputEditText
+                                android:paddingLeft="2dp"
                                 android:id="@+id/rave_cardExpiryTv"
                                 android:layout_width="match_parent"
                                 android:layout_height="wrap_content"
@@ -107,6 +115,7 @@
                         </android.support.design.widget.TextInputLayout>
 
                         <android.support.design.widget.TextInputLayout
+                android:background="@null"
                             android:id="@+id/rave_cvvTil"
                             android:layout_width="0dip"
                             android:layout_height="match_parent"
@@ -115,6 +124,7 @@
                             android:layout_weight="1">
 
                             <android.support.design.widget.TextInputEditText
+                                android:paddingLeft="2dp"
                                 android:id="@+id/rave_cvvTv"
                                 android:layout_width="match_parent"
                                 android:layout_height="wrap_content"
@@ -148,12 +158,14 @@
                         android:visibility="gone">
 
                         <android.support.design.widget.TextInputLayout
+                android:background="@null"
                             android:id="@+id/save_card_phoneNoTil"
                             android:layout_width="match_parent"
                             android:layout_height="wrap_content"
                             android:layout_marginBottom="10dp">
 
                             <android.support.design.widget.TextInputEditText
+                                android:paddingLeft="2dp"
                                 android:id="@+id/save_card_phoneNoTV"
                                 android:layout_width="match_parent"
                                 android:layout_height="wrap_content"
@@ -164,12 +176,14 @@
                         </android.support.design.widget.TextInputLayout>
 
                         <android.support.design.widget.TextInputLayout
+                android:background="@null"
                             android:id="@+id/save_card_emailTil"
                             android:layout_width="match_parent"
                             android:layout_height="wrap_content"
                             android:layout_marginBottom="10dp">
 
                             <android.support.design.widget.TextInputEditText
+                                android:paddingLeft="2dp"
                                 android:id="@+id/save_card_emailTv"
                                 android:layout_width="match_parent"
                                 android:layout_height="wrap_content"

raveandroid/src/main/res/layout/rave_sdk_fragment_francophone.xml

@@ -23,12 +23,14 @@
             android:paddingTop="10dp">
 
             <android.support.design.widget.TextInputLayout
+                android:background="@null"
                 android:id="@+id/rave_phoneTil"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:layout_marginBottom="20dp">
 
                 <android.support.design.widget.TextInputEditText
+                    android:paddingLeft="2dp"
                     android:id="@+id/rave_phoneEt"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
@@ -40,11 +42,13 @@
 
 
             <android.support.design.widget.TextInputLayout
+                android:background="@null"
                 android:id="@+id/rave_amountTil"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content">
 
                 <android.support.design.widget.TextInputEditText
+                    android:paddingLeft="2dp"
                     android:id="@+id/rave_amountEt"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"

raveandroid/src/main/res/layout/rave_sdk_fragment_gh_mobile_money.xml

@@ -41,12 +41,14 @@ tools:context="com.flutterwave.raveandroid.ghmobilemoney.GhMobileMoneyFragment">
 
 
         <android.support.design.widget.TextInputLayout
+                android:background="@null"
             android:layout_width="match_parent"
             android:id="@+id/rave_amountTil"
             android:layout_marginBottom="10dp"
             android:layout_height="wrap_content">
 
             <android.support.design.widget.TextInputEditText
+                android:paddingLeft="2dp"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:hint="@string/amount"
@@ -58,12 +60,14 @@ tools:context="com.flutterwave.raveandroid.ghmobilemoney.GhMobileMoneyFragment">
         </android.support.design.widget.TextInputLayout>
 
         <android.support.design.widget.TextInputLayout
+                android:background="@null"
             android:id="@+id/rave_phoneTil"
             android:layout_width="match_parent"
             android:layout_marginBottom="10dp"
             android:layout_height="wrap_content">
 
             <android.support.design.widget.TextInputEditText
+                android:paddingLeft="2dp"
                 android:id="@+id/rave_phoneEt"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
@@ -74,12 +78,14 @@ tools:context="com.flutterwave.raveandroid.ghmobilemoney.GhMobileMoneyFragment">
         </android.support.design.widget.TextInputLayout>
 
         <android.support.design.widget.TextInputLayout
+                android:background="@null"
             android:id="@+id/rave_voucherTil"
             android:layout_width="match_parent"
             android:layout_marginBottom="20dp"
             android:layout_height="wrap_content">
 
             <android.support.design.widget.TextInputEditText
+                android:paddingLeft="2dp"
                 android:id="@+id/rave_voucherEt"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"