search

ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51.09k stars 13.51k forks source link

bug: hover state covers activated state on button #22468

Closed infacto closed 1 year ago

infacto commented 4 years ago

Bug Report

Ionic version: [x] 5.x

Describe the Feature Request The buttons on iOS should have a better UX. More life when buttons pressing.

Describe Preferred Solution Just a better indication for user input. The user should not ask, "Did I press the button or not?" Of course, a button action mostly results to screen change. (change value, page, etc.) But I think, it's not the worst idea to breathe more life into the button. Optional or not.

Describe Alternatives Option to enable ripple effect for iOS buttons too. But a fading highlight will also better than a static element. Something you can see, when your finger is not on screen anymore. A short animation time like ripple-effect. Immediately on / after pressing.

Related Code https://ionicframework.com/docs/api/button

Additional Context

md ios
md-button ios-button
wow-reaction disappointed-reaction

On iOS the only click indicator is from my gif recorder. 😄

liamdebeasi commented 4 years ago

Thanks for the issue. We do have an activated state, but it looks like the hover state is covering it up.

ionitron-bot[bot] commented 1 year ago

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.