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!
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/00edd110-afe1-47d1-aba0-5598f101e458%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
