Ripple effect interferes with p:selectBooleanCheckbox

[mifre]

The functions @keyframes rippleOn and rippleOff are introduced in the css stylesheets of Ultima 2.0.1.
They seem to interfere when selecting checkboxes when they are placed next to each other like this:
<p:selectBooleanCheckbox />
<p:selectBooleanCheckbox />
<p:selectBooleanCheckbox />
<p:selectBooleanCheckbox />
When trying to select and deselect these checkboxes in a repetitively way, sometimes a neighboring checkbox will be selected or deselected instead of the one I am trying to click on.
This effect is also observed for p:columnToggle and p:selectManyCheckbox.
When the transform: scale(13, 13) in the rippleOn and rippleOff functions is enlarged to e.g. (25,25) the effect spreads out:
I was able to deselect the first selectBooleanCheckbox by clicking on the fourth selectBooleanCheckbox.

This effect is not observed for Ultima 2.0.0
The ripple effect can not be switched off any longer by removing the ripple.css and the ripple.js from the template.xhtml
Since Ultima 2.0.1 the ripple effect seems to be switched off only by introducing empty functions to the <style type="text/css"> section in the template.xhtml:
@keyframes rippleOn {}
@keyframes rippleOff {}
When introducing these empty functions, the checkboxes behavior is correct again.

[karcio]

Hi, we have the same problem when using p:selectCheckboxMenu. When selecting many checkboxes then neighbouring checkboxes are often selected/unselected, it is very difficult to use that component now.

Workaround provided by mifre helped, but please provide fix for that error to have both ripple effect and working checkboxes.

[mert.sincan]

Hi,

Thanks a lot for the info. Fixed for next version.

Best Regards,