How can i add visual feedback to react-simple-keyboard that will help confirm a key is pressed, like the magnified keys appearing in iOS?

26 views Asked by At

React simple keyboard is amazing out of the box, and has many advantages over native mobile os keyboards. But, I miss the visual feedback you get in iOS when you tap a letter and it magnifies momentarily to confirm it was pressed. I can’t see how to pinpoint where in space the keys are with react simple keyboard, so implementing this seems like it would be very difficult. Has anyone tried to do this? Am I missing a simple solution?

Haven’t tried it yet, seems very difficult!

1

There are 1 answers

1
Chill On

To add "feedback" you can simply add the :active property in CSS to your buttons to handle a different styling when a button is pressed.