diff --git a/src/components/basicUIElements/view/chip/chipStyle.js b/src/components/basicUIElements/view/chip/chipStyle.js index a1b7592f7..475b29212 100644 --- a/src/components/basicUIElements/view/chip/chipStyle.js +++ b/src/components/basicUIElements/view/chip/chipStyle.js @@ -18,6 +18,7 @@ export default EStyleSheet.create({ textInput: { fontFamily: '$editorFont', fontSize: 10, + color: "$primaryLightGray" }, isPin: { backgroundColor: '$primaryBlue', diff --git a/src/components/editorElements/tagArea/view/tagAreaView.js b/src/components/editorElements/tagArea/view/tagAreaView.js index 92f6b5e1e..036b837ba 100644 --- a/src/components/editorElements/tagArea/view/tagAreaView.js +++ b/src/components/editorElements/tagArea/view/tagAreaView.js @@ -63,13 +63,14 @@ export default class TagAreaView extends Component { if (_currentText && chips && chips.length < chipsCount) { this.setState({ chips: [...chips, _currentText], - currentText: '', }); } if (handleTagChanged && chips.length < chipsCount + 1) { handleTagChanged([...chips, _currentText]); } + + this.setState({currentText: ''}); }; _handleTagRemove = (i) => { @@ -86,7 +87,7 @@ export default class TagAreaView extends Component { // Restart chips if (chips && chips.length === 1 && i === 0) { - this.setState({ chips: [' '] }); + this.setState({ chips: [' '], currentText: '' }); } };