PolymerElements / paper-input

A Material Design text field
https://www.webcomponents.org/element/PolymerElements/paper-input
130 stars 159 forks source link

Cannot style the inner textarea of a paper-textarea #589

Closed fdasoghe closed 6 years ago

fdasoghe commented 6 years ago

Description

I'm unable to style the HTML element textarea inside a paper-textarea. I need the inner textarea to have the css style:

box-sizing: border-box;

I tried several styling ways, for example:

      :host,
      paper-textarea,
      paper-input-container {
        --paper-input-container-input: {
          box-sizing: border-box;
        }
      }

or

      iron-autogrow-textarea {
        --iron-autogrow-textarea: {
          box-sizing: border-box;
        };
      }

Expected outcome

The inner textarea element must have the css style:

box-sizing: border-box;

Actual outcome

The textarea element doesn't receive the new style (and my layout gets broken).

Browsers Affected

notwaldorf commented 6 years ago

Here's a demo of styling the inner textarea: http://jsbin.com/fezafih/1/edit?html,output

Closing, as there's no repro steps provided

fdasoghe commented 6 years ago

Well, I showed what code wasn't working, I assumed it was good for repro steps. Anyway, your example is exactly what I was looking for and it resolved my issue, thank you so much!