fix: rename input dismiss issue on blur when submit btn ref misses (#368)

Author: lukasbach

next-release-notes.md

@@ -1,9 +1,2 @@
-<!--
-### Breaking Changes
-
-### Features
-
 ### Bug Fixes and Improvements
-
-### Other Changes
--->
+- Fixes an issue where not providing a submit button ref in a custom rename input renderer would prevent dismissing the input on blur (#368)

packages/blueprintjs-renderers/src/renderers.tsx

@@ -156,6 +156,7 @@ export const renderers: TreeRenderProps = {
       <span className={Classes.TREE_NODE_SECONDARY_LABEL}>
         <Button
           icon="tick"
+          ref={props.submitButtonRef}
           {...(props.submitButtonProps as any)}
           type="submit"
           minimal

packages/core/src/treeItem/TreeItemRenamingInput.tsx

@@ -68,11 +68,11 @@ export const TreeItemRenamingInput: React.FC<{
       setTitle(e.target.value);
     },
     onBlur: e => {
-      if (e.relatedTarget !== submitButtonRef.current) {
+      if (!e.relatedTarget || e.relatedTarget !== submitButtonRef.current) {
         abort();
       }
     },
-    'aria-label': 'New item name', // TODO
+    'aria-label': 'New item name',
     tabIndex: 0,
   };