placeholder is not shown

[Yatufo]

No description provided.

[ghost]

I had the same issue. It shows placeholder in Mozilla but not in chrome so i added this style and it shows up

textarea.sa-realArea { -webkit-text-fill-color: inherit;}

[aurbano]

Interesting, I'll take a look and test this in other browsers
Thanks!

[NitinStar]

I had the same issue. i have changed style of fakearea Div
as .sa-fakeArea {
color: transparent; }.
and removed color property in smart-area.js. it fix overlap text issue also.

[RishikeshVedpathak]

Here is a solution,

1. In smart-area.css change textarea.sa-realArea to
   textarea.sa-realArea {
   -webkit-text-fill-color: inherit;
   }

2. Add below code in Scope Watches -
   $scope.$watch('areaData', function(){
   $scope.trackCaret();
   // TODO Track caret on another fake area, so I don't have to recalculate autocomplete triggers every time the cursor moves.
   checkTriggers();

var saRealArea = $('textarea.sa-realArea');
if ($scope.areaData.length) {
saRealArea.css({
webkitTextFillColor: 'transparent'
});
} else {
saRealArea.css({
webkitTextFillColor: 'inherit'
});
}
});