fix(ZNTA-2133): Remove onBlur logic for modal close

zanata · Aug 1, 2017 · 34e6bf4 · 34e6bf4
1 parent 9338c7c
commit 34e6bf4
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/server/zanata-frontend/src/frontend/app/components/Modal/index.jsx b/server/zanata-frontend/src/frontend/app/components/Modal/index.jsx
@@ -24,16 +24,21 @@ const Modal = ({
       onHide()
     }
   }
+  const handleClickOutside = (e) => {
+    const classname = e.target.className
+    if (classname === 'modal' || classname === 'container') {
+      onHide()
+    }
+  }
   return (
     <OverlayModal
       {...props}
       onKeyDown={keyboard && handleKeyDown}
       containerClassName='has-modal'
       className='modal'
     >
-      <div className='container'>
-        <div className='modal-content' tabIndex="0"
-          onBlur={backdrop && onHide}>
+      <div className='container' onClick={backdrop && handleClickOutside}>
+        <div className='modal-content' tabIndex="0">
           {closeButton && (
             <Button aria-label={closeLabel}
               className='close s0'