Added missing ref to component for native mode on create/update

NoriginMedia · Aug 21, 2019 · 602d781 · 602d781
1 parent 0327274
commit 602d781
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.8.3]
+### Fixed
+- Fixed missing reference to a component in native mode
+
 ## [2.8.2]
 ### Added
 - Added guard checks for Enter press and Arrow press to check whether component exists

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@noriginmedia/react-spatial-navigation",
-  "version": "2.8.2",
+  "version": "2.8.3",
   "description": "HOC-based Spatial Navigation (key navigation) solution for React",
   "main": "dist/index.js",
   "files": [

diff --git a/src/withFocusable.js b/src/withFocusable.js
@@ -103,7 +103,7 @@ const withFocusable = ({
         focusable = true
       } = this.props;
 
-      const node = SpatialNavigation.isNativeMode() ? null : findDOMNode(this);
+      const node = SpatialNavigation.isNativeMode() ? this : findDOMNode(this);
 
       SpatialNavigation.addFocusable({
         focusKey,
@@ -125,7 +125,7 @@ const withFocusable = ({
         focused, realFocusKey: focusKey, onBecameFocusedHandler, preferredChildFocusKey, focusable = true
       } = this.props;
 
-      const node = SpatialNavigation.isNativeMode() ? null : findDOMNode(this);
+      const node = SpatialNavigation.isNativeMode() ? this : findDOMNode(this);
 
       SpatialNavigation.updateFocusable(focusKey, {
         node,