Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

Ionic Conflict: Html type attribute #2758

Closed
atentis opened this issue May 6, 2015 · 1 comment
Closed

Ionic Conflict: Html type attribute #2758

atentis opened this issue May 6, 2015 · 1 comment
Assignees
Milestone

Comments

@atentis
Copy link

atentis commented May 6, 2015

When you use Ionic + Material with the html type attribute you will have css issues. As you can see in the plunk the bottom line is missing from the input when using the type=password

http://plnkr.co/edit/n0qfNhYbsCHrCIrLx3Bv?p=preview

@marcysutton
Copy link
Contributor

It's from this line in ionic.css:

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  border: 0; }

Those types are more specific than md-input-container .md-input, so the border is being turned off. We'll have to experiment with the right specificity, since it looks like the ionic stylesheet is already being loaded first.

@ThomasBurleson ThomasBurleson self-assigned this May 13, 2015
@ThomasBurleson ThomasBurleson modified the milestone: 0.10.0 May 13, 2015
@robertmesserle robertmesserle modified the milestones: 0.11.0, 0.10.0 Jun 16, 2015
@ThomasBurleson ThomasBurleson modified the milestones: 0.11.0, post-1.0 Jul 31, 2015
@ThomasBurleson ThomasBurleson modified the milestones: post-1.0 , Backlog Jan 5, 2016
@ThomasBurleson ThomasBurleson modified the milestones: Backlog, Deprecated Apr 20, 2016
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants