Allow changing field placeholder from within the field

projects/plugins/jetpack/extensions/blocks/contact-form/components/jetpack-field-textarea.js

@@ -1,6 +1,6 @@
 import { useEffect } from '@wordpress/element';
 import classnames from 'classnames';
-import { isEmpty, isNil, noop } from 'lodash';
+import { isEmpty, isNil } from 'lodash';
 import { useFormStyle } from '../util/form';
 import JetpackFieldControls from './jetpack-field-controls';
 import JetpackFieldLabel from './jetpack-field-label';
@@ -42,7 +42,11 @@ export default function JetpackFieldTextarea( props ) {
 					setAttributes={ setAttributes }
 					style={ formStyle }
 				/>
-				<textarea className="jetpack-field__textarea" value={ placeholder } onChange={ noop } />
+				<textarea
+					className="jetpack-field__textarea"
+					value={ placeholder }
+					onChange={ e => setAttributes( { placeholder: e.target.value } ) }
+				/>
 			</div>
 
 			<JetpackFieldControls

projects/plugins/jetpack/extensions/blocks/contact-form/components/jetpack-field.js

@@ -1,7 +1,7 @@
 import { createHigherOrderComponent } from '@wordpress/compose';
 import { addFilter } from '@wordpress/hooks';
 import classnames from 'classnames';
-import { isEmpty, noop } from 'lodash';
+import { isEmpty } from 'lodash';
 import { useFormStyle } from '../util/form';
 import JetpackFieldControls from './jetpack-field-controls';
 import JetpackFieldLabel from './jetpack-field-label';
@@ -39,7 +39,7 @@ export default function JetpackField( props ) {
 					type="text"
 					className="jetpack-field__input"
 					value={ placeholder }
-					onChange={ noop }
+					onChange={ e => setAttributes( { placeholder: e.target.value } ) }
 				/>
 			</div>