Index: third_party/polymer/v1_0/components-chromium/iron-autogrow-textarea/iron-autogrow-textarea.html |
diff --git a/third_party/polymer/v1_0/components-chromium/iron-autogrow-textarea/iron-autogrow-textarea.html b/third_party/polymer/v1_0/components-chromium/iron-autogrow-textarea/iron-autogrow-textarea.html |
index cdd80b2fa5c5eb906f34d3978e1db137f58d2f42..ede930168a6e955db5daf060847dfb5e9cdd5aae 100644 |
--- a/third_party/polymer/v1_0/components-chromium/iron-autogrow-textarea/iron-autogrow-textarea.html |
+++ b/third_party/polymer/v1_0/components-chromium/iron-autogrow-textarea/iron-autogrow-textarea.html |
@@ -21,9 +21,6 @@ Example: |
<iron-autogrow-textarea></iron-autogrow-textarea> |
-Because the `textarea`'s `value` property is not observable, you should use |
-this element's `bind-value` instead for imperative updates. |
- |
### Styling |
The following custom properties and mixins are available for styling: |
@@ -31,6 +28,7 @@ The following custom properties and mixins are available for styling: |
Custom property | Description | Default |
----------------|-------------|---------- |
`--iron-autogrow-textarea` | Mixin applied to the textarea | `{}` |
+`--iron-autogrow-textarea-placeholder` | Mixin applied to the textarea placeholder | `{}` |
@group Iron Elements |
@hero hero.svg |
@@ -48,6 +46,7 @@ Custom property | Description | Default |
padding: 2px; |
-moz-appearance: textarea; |
-webkit-appearance: textarea; |
+ overflow: hidden; |
} |
.mirror-text { |
@@ -80,6 +79,21 @@ Custom property | Description | Default |
box-shadow: none; |
} |
+ textarea::-webkit-input-placeholder { |
+ @apply(--iron-autogrow-textarea-placeholder); |
+ } |
+ |
+ textarea:-moz-placeholder { |
+ @apply(--iron-autogrow-textarea-placeholder); |
+ } |
+ |
+ textarea::-moz-placeholder { |
+ @apply(--iron-autogrow-textarea-placeholder); |
+ } |
+ |
+ textarea:-ms-input-placeholder { |
+ @apply(--iron-autogrow-textarea-placeholder); |
+ } |
</style> |
<template> |
<!-- the mirror sizes the input/textarea so it grows with typing --> |
@@ -88,7 +102,7 @@ Custom property | Description | Default |
<!-- size the input/textarea with a div, because the textarea has intrinsic size in ff --> |
<div class="textarea-container fit"> |
- <textarea id="textarea" autocomplete$="[[autocomplete]]" autofocus$="[[autofocus]]" inputmode$="[[inputmode]]" placeholder$="[[placeholder]]" readonly$="[[readonly]]" required$="[[required]]" disabled$="[[disabled]]" rows$="[[rows]]" maxlength$="[[maxlength]]"></textarea> |
+ <textarea id="textarea" name$="[[name]]" autocomplete$="[[autocomplete]]" autofocus$="[[autofocus]]" inputmode$="[[inputmode]]" placeholder$="[[placeholder]]" readonly$="[[readonly]]" required$="[[required]]" disabled$="[[disabled]]" rows$="[[rows]]" maxlength$="[[maxlength]]"></textarea> |
</div> |
</template> |
</dom-module> |