Handle case when you click input and immediately unclick

rjsf-team · Dec 7, 2018 · b826b28 · b826b28
1 parent 1a1b6d2
commit b826b28
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/fields/ObjectField.js b/src/components/fields/ObjectField.js
@@ -96,14 +96,17 @@ class ObjectField extends Component {
   getAvailableKey = (preferredKey, formData) => {
     var index = 0;
     var newKey = preferredKey;
-    while (this.props.formData.hasOwnProperty(newKey)) {
+    while (formData.hasOwnProperty(newKey)) {
       newKey = `${preferredKey}-${++index}`;
     }
     return newKey;
   };
 
   onKeyChange = oldValue => {
     return (value, errorSchema) => {
+      if (oldValue === value) {
+        return;
+      }
       value = this.getAvailableKey(value, this.props.formData);
       const newFormData = { ...this.props.formData };
       const newKeys = { [oldValue]: value };

diff --git a/src/components/fields/SchemaField.js b/src/components/fields/SchemaField.js
@@ -132,7 +132,7 @@ function DefaultTemplate(props) {
     <div className={classNames}>
       {additional && (
         <div className="form-group">
-          <Label label={keyLabel} required={required} />
+          <Label label={keyLabel} required={required} id={`${id}-key`} />
           <LabelInput
             label={label}
             required={required}