docs: enhance intro keydown feature

dnbexperience · Sep 12, 2019 · e83ba2b · e83ba2b
1 parent 06665bc
commit e83ba2b
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/packages/dnb-design-system-portal/src/shared/tags/Intro.js b/packages/dnb-design-system-portal/src/shared/tags/Intro.js
@@ -13,24 +13,26 @@ import {
 } from 'dnb-ui-lib/src/elements'
 import { Button } from 'dnb-ui-lib/src/components'
 
-const onKeyDownHandler = e => {
-  try {
-    if (e.key === 'ArrowRight' && ref && ref.current) {
-      const elem = ref.current.querySelector('a[href*="/intro"]')
-      const href = elem.getAttribute('href')
-      navigate(href)
-    }
-    if (e.key === 'ArrowLeft') {
-      window.history.back()
-    }
-  } catch (e) {
-    console.log(e)
-  }
-}
-
 const ref = React.createRef()
 const Intro = ({ children }) => {
   useEffect(() => {
+    const onKeyDownHandler = e => {
+      if (/textarea|input/i.test(document.activeElement.tagName)) {
+        return
+      }
+      try {
+        if (e.key === 'ArrowRight' && ref && ref.current) {
+          const elem = ref.current.querySelector('a[href*="/intro"]')
+          const href = elem.getAttribute('href')
+          navigate(href)
+        }
+        if (e.key === 'ArrowLeft') {
+          window.history.back()
+        }
+      } catch (e) {
+        console.log(e)
+      }
+    }
     try {
       document.addEventListener('keydown', onKeyDownHandler)
     } catch (e) {