paper-input-decorator disabled field not showing dotted underline

[Will Hopkins]

HI,

not sure if I am doing something wrong or whether this is a bug.

I have the following markup

<paper-input-decorator label="Concurrency Control" floatingLabel id="disableMe">

  <input is="core-input" disabled value="{{conControl}}"></input>

</paper-input-decorator>

To disable the input field the disabled attribute needs to be applied to the <input> tag. 

The css for paper-input-decorator contains:

:host([disabled]) .underline {

  border-bottom: 1px dashed #757575;

}

which should apply when the root of the shadow dom has the disabled attribute and should result in a dotted line underneath the field. 

I think there is a problem in that :host applies to the <paper-input-decorator> as opposed to <input> so it doesn't get triggered. I do not get a dotted underling for the disabled field. 

So my question is how to get a dotted underline under a disabled field using paper-input-decorator?

The .bower.json file in the paper-input directory contains:

{

  "name": "paper-input",

  "private": true,

  "dependencies": {

    "polymer": "Polymer/polymer#master",

    "core-icon": "Polymer/core-icon#master",

    "core-icons": "Polymer/core-icons#master",

    "core-input": "Polymer/core-input#master",

    "core-style": "Polymer/core-style#master"

  },

  "devDependencies": {

    "web-component-tester": "Polymer/web-component-tester#^1.0.0"

  },

  "homepage": "https://github.com/Polymer/paper-input",

  "_release": "4c46adf20e",

  "_resolution": {

    "type": "branch",

    "branch": "master",

    "commit": "4c46adf20e0d7332ca08005fa5df3c8d0e401346"

  },

  "_source": "git://github.com/Polymer/paper-input.git",

  "_target": "master",

  "_originalSource": "Polymer/paper-input"

}