implement editor placeholder
This commit is contained in:
parent
e2e4ea493f
commit
f9992a1fc6
4 changed files with 26 additions and 0 deletions
|
@ -54,6 +54,16 @@ export default class BasicMessageEditor extends React.Component {
|
|||
console.error(err);
|
||||
}
|
||||
}
|
||||
if (this.props.placeholder) {
|
||||
const {isEmpty} = this.props.model;
|
||||
if (isEmpty) {
|
||||
this._editorRef.style.setProperty("--placeholder", `'${this.props.placeholder}'`);
|
||||
this._editorRef.classList.add("mx_BasicMessageComposer_inputEmpty");
|
||||
} else {
|
||||
this._editorRef.classList.remove("mx_BasicMessageComposer_inputEmpty");
|
||||
this._editorRef.style.removeProperty("--placeholder");
|
||||
}
|
||||
}
|
||||
this.setState({autoComplete: this.props.model.autoComplete});
|
||||
this.historyManager.tryPush(this.props.model, caret, inputType, diff);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue