javascript - Angular Material input not showing value when not focused -
i'm using angular material 1.0.3 , <input> elements correctly set values visible if click 1 focus it. once it's not focused can't see value.
the markup follows:
<md-input-container> <label>some label</label> <input ng-model="model.someproperty"> </md-input-container> after checking if it's css issue, i've found following css selector turning color transparent:
md-input-container:not(.md-input-has-value) input:not(:focus) { color: transparent; } and obviously, seems input doesn't have .md-input-has-value css class.
for now, can't figure out what's going wrong.
additional info
in case, in opposite of angular material demos, controllers on directives , ui router states.
in fact, can confirm i've copy-pasted same markup in index.html direct child of <body> , works expected.
maybe has relation open issue: compiling material directives on fly: md-input-has-value attribute not set #3017.
<md-input-container> has md-input-has-value css class
i've checked <md-input-container> has md-input-has-value css class.
angular material version - v1.0.1-master-edfe2ad
just subscribed put having issue.
go angular-material.css file , change (for line 11,334)
md-input-container:not(.md-input-has-value) input:not(:focus), md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text { color: transparent; } to color black , viola fixed....
Comments
Post a Comment