From 3cf1c4cafa99c3bcacee71d5902df52ffcb523d0 Mon Sep 17 00:00:00 2001
From: Iliyan Peychev <iliyan.peychev@liferay.com>
Date: Sat, 14 Jan 2017 17:00:00 +0100
Subject: [PATCH] Add placeholder attribute in render function

Fixes #660
---
 src/ui/react/src/components/buttons/button-link-edit.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/ui/react/src/components/buttons/button-link-edit.jsx b/src/ui/react/src/components/buttons/button-link-edit.jsx
index d714a800bf..c7a076c9e1 100644
--- a/src/ui/react/src/components/buttons/button-link-edit.jsx
+++ b/src/ui/react/src/components/buttons/button-link-edit.jsx
@@ -208,6 +208,12 @@
                 buttonClearLink = <button aria-label={AlloyEditor.Strings.clearInput} className="ae-button ae-icon-remove" onClick={this._clearLink} title={AlloyEditor.Strings.clear}></button>
             }
 
+            var placeholderProp = {};
+
+            if (!CKEDITOR.env.ie && AlloyEditor.Strings) {
+                placeholderProp.placeholder = AlloyEditor.Strings.editLink;
+            }
+
             return (
                 <div className="ae-container-edit-link">
                     <button aria-label={AlloyEditor.Strings.removeLink} className="ae-button" disabled={!this.state.element} onClick={this._removeLink} title={AlloyEditor.Strings.remove}>
@@ -216,7 +222,7 @@
                     <div className="ae-container-input xxl">
                         {targetButtonEdit}
                         <div className="ae-container-input flexible">
-                            <input className="ae-input" onChange={this._handleLinkHrefChange} onKeyDown={this._handleKeyDown} placeholder={AlloyEditor.Strings.editLink} ref="linkInput" type="text" value={this.state.linkHref}></input>
+                            <input className="ae-input" onChange={this._handleLinkHrefChange} onKeyDown={this._handleKeyDown} { ...placeholderProp } ref="linkInput" type="text" value={this.state.linkHref}></input>
                             {autocompleteDropdown}
                         </div>
                         {buttonClearLink}