paper-textarea with auto-validate and initial value is broken in Firefox 57

[jab]

Description

In Firefox 57, <paper-textarea auto-validate value="foo"></paper-textarea> is broken: when you click inside the textarea to try to edit the text, it is not editable.

Looking in the console, this line in iron-autogrow-textarea.html is causing TypeError: this.$ is undefined.

If you remove the value="foo" or the auto-validate, the problem goes away, as expected based on https://github.com/PolymerElements/paper-input/blob/f64825d59dda77bc9808c244ca15dd11649d1512/paper-input-container.html#L518-L520

Expected outcome

The paper-textarea should work in Firefox 57 just like it works in other supported browsers.

Actual outcome

The paper-textarea is broken (e.g. not editable) and an error is thrown in the console.

Live Demo

minimal repro: http://jsbin.com/kiyuxanava/edit?html,output

Steps to reproduce

1. Put a <paper-textarea auto-validate value="foo"></paper-textarea> element in the page.
2. Open the page in Firefox 57.
3. Click the paper-textarea element.

Browsers Affected

• [ ] Chrome
• [x] Firefox
• [ ] Safari 9
• [ ] Safari 8
• [ ] Safari 7
• [ ] Edge
• [ ] IE 11
• [ ] IE 10

@notwaldorf, any ideas on this one? Thanks for taking a peek if you get a chance! 😊

[fat-crienturu]

Could somebody please look into this? It's affecting other browsers, not just Firefox. I think OP didn't create a pull request, but he made a proposed workaround. https://github.com/jab/iron-autogrow-textarea/commit/72a059320cd279c958774850ca8d36aa42c82392

[ismarslomic]

Still experiencing this issue