Quasar: 0.14
OS: MacOS Sierra
Browsers: Chrome latest
WORKS CORRECTLY ON: Firefox dev latest
Any other software related to your bug: Google Maps, but it's just what helped uncover the bug, not part of the cause imho.
Copied from http://forum.quasar-framework.org/topic/573/change-ripple-color/
Btw is there a way to disable the ripple entirely on a q-btn ?
I ask this because it seems the ripple is somehow affecting its environment: I have a Modal with layout and a few buttons in the footer toolbar, and whenever I click one of those buttons, the content of the modal gets a scrollbar for a fraction of a second. And since it contains a full width google map, it reacts to the resize and I end up with the map having a grey border on right, the size of what used to be a scrollbar. I can refresh the map somehow, but there鈥檚 still a flicker visible. Maybe fixing Ripple would be a better idea, but I could not find where the problem comes from. In the meantime, it would be great if I could disable ripple locally (I really dont wanna use plain old buttons, q-btn is too good of a component).
the ripple to have no influence outside its container.
It doesn't influences the outside container by design. Need to see the specific context in which you are experiencing issues, but when I come back from vacation.
anyone else needs to disable ripple globally or on a single component, for any reason ?
I'm not sure, but it would be nice if we can have more control over the Ripple such as globally disable, example use case would be for the sake of design reason.
I find ripple on input fields extremely annoying, especially when I try to select the text on the inverted inputs. It would be nice to be able to disable this at least on the input fields.
Ripple should be optional in most components.
Besides its GPU hunger, sometimes we don't really need it, simply because it doesn't even show up, like when its implemented on q-side-links.
I would also like to disable ripple on QBtn.
+1 for a way to disable ripple on any component
or at least input at the moment
Available in future v0.15 through "no-ripple" boolean prop.
Most helpful comment
Available in future v0.15 through "no-ripple" boolean prop.