Every line of 'textarea in react native' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.
5 function PureTextarea(props) { 6 const id = props.id || props.field.join('.'); 7 const {containerClassName, 8 textareaClassName, 9 label, 10 errorMessage, 11 options, 12 isRequired, 13 isTouched, 14 isValid, 15 ...otherProps} = props; 16 17 const containerClasses = { 18 required: isRequired, 19 error: isTouched && !isValid 20 }; 21 22 otherProps.defaultValue = undefined; 23 return ( 24 <div> 25 {label} 26 </div> 27 ); 28 }
10 function shallowTextArea(props = {}) { 11 const textAreaProps = { 12 ...props 13 }; 14 return shallow(
699 function CustomTextarea(props, context) { 700 _classCallCheck(this, CustomTextarea); 701 702 var _this = _possibleConstructorReturn(this, (CustomTextarea.__proto__ || Object.getPrototypeOf(CustomTextarea)).call(this, props, context)); 703 704 _this.state = { 705 value: props.value, 706 isChanged: !!props.value, 707 isUsed: false, 708 isChecked: true 709 }; 710 711 context.register(_this); 712 return _this; 713 }
705 renderTextArea() { 706 this.isEditing = true; 707 const { top, left } = this._comment.getBoundingClientRect(); 708 const scrollTop = document.documentElement.scrollTop; 709 this.event = Entry.disposeEvent.attach(this, () => { 710 this._textPath.textContent = this.value; 711 this.destroyTextArea(); 712 }); 713 this.textArea = Entry.Dom('textarea', { 714 class: 'entry-widget-textarea', 715 parent: $('body'), 716 }); 717 this.bindDomEventTextArea(); 718 this.textArea.val(this.value); 719 this.textArea.css({ 720 left: left - (1 - this.scale) * 0.2 + 2, 721 top: this.titleHeight * this.scale + top + 1 + scrollTop, 722 'font-size': `${this.fontSize}px`, 723 width: (this.width - 16) * this.scale, 724 height: (this.height - this.titleHeight - 10) * this.scale, 725 border: `${this.scale}px solid transparent`, 726 'border-radius': `0 0 ${4 * this.scale}px ${4 * this.scale}px`, 727 padding: `${2 * this.scale}px ${4 * this.scale}px`, 728 }); 729 const length = this.value.length; 730 this.textArea.focus && 731 this.textArea.focus() && 732 this.textArea[0].setSelectionRange(length, length); 733 }
1726 function Textarea(props) { 1727 var _this; 1728 1729 _classCallCheck(this, Textarea); 1730 1731 _this = _possibleConstructorReturn(this, _getPrototypeOf(Textarea).call(this, props)); 1732 _this.focus = _this.focus.bind(_assertThisInitialized(_this)); 1733 return _this; 1734 }
6 render() { 7 const { 8 inputClass, sizeClass, readOnly, name, value, onChange, id 9 } = this.props; 10 if (readOnly) { 11 return super.render(<div> 12 </div>); 13 } 14 return super.render(<div> 15 </div>); 16 }
574 function insertText(textarea, _ref) { 575 var text = _ref.text, 576 selectionStart = _ref.selectionStart, 577 selectionEnd = _ref.selectionEnd; 578 579 var originalSelectionStart = textarea.selectionStart; 580 var before = textarea.value.slice(0, originalSelectionStart); 581 var after = textarea.value.slice(textarea.selectionEnd); 582 583 if (canInsertText === null || canInsertText === true) { 584 try { 585 canInsertText = document.execCommand('insertText', false, text); 586 } catch (error) { 587 canInsertText = false; 588 } 589 } 590 591 if (canInsertText && !textarea.value.slice(0, textarea.selectionStart).endsWith(text)) { 592 canInsertText = false; 593 } 594 595 if (!canInsertText) { 596 try { 597 document.execCommand('ms-beginUndoUnit'); 598 } catch (e) { 599 // Do nothing. 600 } 601 textarea.value = before + text + after; 602 try { 603 document.execCommand('ms-endUndoUnit'); 604 } catch (e) { 605 // Do nothing. 606 } 607 textarea.dispatchEvent(new CustomEvent('input', { bubbles: true, cancelable: true })); 608 } 609 610 if (selectionStart != null && selectionEnd != null) { 611 textarea.setSelectionRange(selectionStart, selectionEnd); 612 } else { 613 textarea.setSelectionRange(originalSelectionStart, textarea.selectionEnd); 614 } 615 }
132 function TextareaEditor(props) { 133 _classCallCheck(this, TextareaEditor); 134 135 var _this = _possibleConstructorReturn(this, (TextareaEditor.__proto__ || Object.getPrototypeOf(TextareaEditor)).call(this, props)); 136 137 _this.config = props.config; 138 _this.config.editor = _this; 139 140 _this.editorRef = _react2.default.createRef(); 141 _this.handleInput = _this.handleInput.bind(_this); 142 return _this; 143 }
22 componentWillReceiveProps(nextProps: TextareaProps) { 23 if ('value' in nextProps && this.props.value !== nextProps.value) { 24 this.setState({ 25 value: nextProps.value!, 26 }); 27 } 28 }
56 render() { 57 58 return ( 59 60 this._root = c} {...this.prepareRootProps()} multiline={true} placeholderTextColor={ this.getTheme().inputColorPlaceholder} underlineColorAndroid='rgba(0,0,0,0)' /> 61 62 ); 63 }