Skip to content

ion-ripple-effect is not working  #17477

@jtushar53

Description

@jtushar53

Bug Report

Ionic version:

[x] 4.x

Describe the Feature Request
ion-ripple-effect not working with ion-col, its just getting omitted from the html and hides the ion-col element

image

Describe Preferred Solution
ion-ripple-effect should add ripple effect to ion-col element as referred in the docs
https://ionicframework.com/docs/api/ripple-effect

Describe Alternatives

Related Code

<ion-grid>
     <ion-row>
       <ion-ripple-effect>
         <ion-col
           size-md="4"
           size-xs="12"
           size-sm="6"
           size-lg="4"
           *ngFor="let item of pendingitems"
         >
           <ion-card text-left>
          </ion-card>
         </ion-col>
       </ion-ripple-effect>
     </ion-row>
   </ion-grid>

Additional Context

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions