fix(): add button effect to select and child components

packages/core/src/components/alert/alert.tsx

@@ -282,6 +282,7 @@ export class Alert implements OverlayInterface {
                 {i.label}
               </div>
             </div>
+            {this.mode==="md" ? <ion-ripple-effect /> : null}
           </button>
         ))}
       </div>
@@ -301,6 +302,7 @@ export class Alert implements OverlayInterface {
                 {i.label}
               </div>
             </div>
+            {this.mode==="md" ? <ion-ripple-effect /> : null}
           </button>
         ))}
       </div>

packages/core/src/components/select/select.scss

@@ -12,8 +12,6 @@ ion-select {
 }
 
 .item .select {
-  position: static;
-
   max-width: 45%;
 }
 

packages/core/src/components/select/select.tsx

@@ -28,6 +28,7 @@ export class Select {
   private labelId: string;
   private overlay: ActionSheet | Alert | Popover;
   private styleTmr: any;
+  private mode: string;
 
   @Element() private el: HTMLIonSelectElement;
 
@@ -520,6 +521,7 @@ export class Select {
         onBlur={this.onBlur.bind(this)}
         class='select-cover'>
         <slot></slot>
+        {this.mode==="md" ? <ion-ripple-effect /> : null}
       </button>,
       <input type='hidden' name={this.name} value={this.value}/>
     ];