Ionic-framework: Form elements do not match material design guidelines

Created on 21 Sep 2016 · 6Comments · Source: ionic-team/ionic-framework

Short description of the problem:

The last form element has a wider bottom border than the previous ones. Also the borders touching the right side of the screen.

What behaviour are you expecting?

It is not clear if this was by design for Ionic to stand out. But according to the Material Design guidelines at https://material.google.com/components/text-fields.html#text-fields-full-width-text-field it shows all bottom borders are of the same width.

Which Ionic Version? 2.x

Source

basvdijk

👍4

Most helpful comment

I see this too when using an ion-list. It drives me mad... :(

rcjsuen on 21 Sep 2016

👍3

All 6 comments

I see this too when using an ion-list. It drives me mad... :(

rcjsuen on 21 Sep 2016

👍3

I also see a top border but I am not sure if this was caused by Ionic

basvdijk on 21 Sep 2016

also while holding a button in an android device highlight slowly captures(ripple effect) the button until fully highlighted. like in this gif. this also does not match with ionic
ripple_effect

comfortme on 21 Sep 2016

Hello everyone! Thanks for the feature request. I'm going to move this issue over to our internal list of feature requests for evaluation. We are continually prioritizing all requests that we receive with outstanding issues. We are extremely grateful for your feedback, but it may not always be our next priority. I'll copy the issue back to this repository when we have begun implementation. Thanks!

jgw96 on 14 Apr 2017

This issue was moved to driftyco/ionic-feature-requests#171

jgw96 on 14 Apr 2017

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.