Ripple doesn't work on bootstrap modal

luncheon / ripplet.js

Fully controllable vanilla-js material design ripple effect generator.

https://luncheon.github.io/ripplet.js/demo/

Do What The F*ck You Want To Public License

78 stars 7 forks source link

Ripple doesn't work on bootstrap modal #4

Closed r0hin closed 4 years ago

r0hin commented 4 years ago

Hi,

Whenever I put a ripple inside of a bootstrap modal, it does not display on the button. This is maybe because on bootstrap model, it has z-index of 240 so the ripple could maybe be just below the modal or something.

Also, I love this library, thanks for making it!

luncheon commented 4 years ago

@rohinarya12 Please specify className option and set z-index to that CSS class. Or try appendTo: "parent" option.

And thank you for loving this library!

r0hin commented 4 years ago

The second option with ripplet.defaultOptions.appendTo = 'parent' worked! This is definitely the best looking waves library :D!