Firefox and Angular: Textarea placeholder doesn't appear until first focus

Question

I have a super-simple Angular app:

<div ng-app>
  <ul>
    <li ng_if='true'>
      <textarea placeholder='Hello'></textarea>
    </li>
  </ul>
</div>

That's it. No JS / CSS.

In FF (34.0 on OSX), the placeholder in the Textarea will not show up until the textarea is focused.

What I've discovered thus far:

It's only on textarea. Text inputs are fine.
It's only when it's within a child $scope. If the ng-if wasn't there, the issue would disappear.

Play around with it here.

I'm out of ideas. Any help would be super appreciated! :)

I can confirm this on FF 33.1 on Windows 7. It does not occur on Chrome. Perhaps a bug report to Mozilla is required? — David L, Dec 03 '14 at 22:16

score 1 · Accepted Answer · answered Dec 04 '14 at 15:38

1

The fix should be shipped in stable in a few months, but in the meantime, sorry for the inconvenience.

answered Dec 04 '14 at 15:38

chronicsalsa

This is correct. Fix is in nightly, as answered by [@caitp](https://github.com/angular/angular.js/issues/10325#issuecomment-65648757) – Mendel Kramer Dec 04 '14 at 15:40

score 0 · Answer 2 · answered Feb 12 '15 at 19:56

0

This (ugly) work-around seems to work.

<div ng-app>
  <ul>
    <li ng_if='true'>
      <textarea placeholder='Hello'>{{''}}</textarea>
    </li>
  </ul>
</div>

answered Feb 12 '15 at 19:56

Max

2 Answers2