Paper-input-decorator height

[yavor.ivan...@gmail.com]

Hi,

I have a custom element:

--------------

<link href="/bower_components/polymer/polymer.html" rel="import">

<link href="/bower_components/paper-input/paper-input-decorator.html" rel="import">

<link href="/bower_components/paper-input/paper-autogrow-textarea.html" rel="import">

<polymer-element

  name="my-input"

  attributes="label rows value disabled">

  <template>

    <link rel="stylesheet" href="my-input.css">

      <paper-input-decorator label="{{label}}" disabled?="{{disabled}}">

        <paper-autogrow-textarea

          id="autogrow"

          rows="{{rows}}">

          <textarea

            id="textarea"

            value="{{value}}" disabled?="{{disabled}}"></textarea>

        </paper-autogrow-textarea>

      </paper-input-decorator>

  </template>

  <script>

    Polymer({

      clear: function() {

        this.value = '';

        this.$.autogrow.update(this.value);

      }

    });

  </script>

</polymer-element>

--------------

How can I make my element take the full screen or any free space with the "flex" attribute? Currently if I use "my-input { height: 100% }" in my css it doesn't work. Any help is appreciated!