I tested it, what is happening here, that the ripple is not on the buttons, but on the background object. Thus, the ripple does not actually pass by the borders of the buttons here, but rather extends to the borders of the background cover map object.
To reproduce what you see in the picture,
1. Make a new layout. I would use either relative layout or linearlayout
2. Add the top EditText (βAdd Short Noteβ), and then the four bottom buttons, all with clear backgrounds but with gray borders, as shown above.
3. Set the ripple animation against the background of the layout into which you paste the buttons, and do not forget to set android:clickable="true" to your layout!
This gave me the same effect as your photo.
source share