From dc7220f1418ad8013b30aeb49d2ed62fc8002d20 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 28 May 2019 11:31:07 +0200
Subject: stopProp

---
 client/modalImage/modalImage.container.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'client')

diff --git a/client/modalImage/modalImage.container.js b/client/modalImage/modalImage.container.js
index b05cd0a3..cf009309 100644
--- a/client/modalImage/modalImage.container.js
+++ b/client/modalImage/modalImage.container.js
@@ -76,11 +76,11 @@ class ModalImage extends Component {
       caption = sib.innerText
     }
     return (
-      <div className={visible ? 'modal visible' : 'modal'}>
-        <div className='inner'>
+      <div className={visible ? 'modal visible' : 'modal'} onClick={() => this.close()}>
+        <div className='inner' onClick={e => e.stopPropagation()}>
           <div className='centered'>
             <img src={img.src} />
-            {caption && <div class='caption'>{caption}</div>}
+            {caption && <div className='caption'>{caption}</div>}
           </div>
         </div>
         <div onClick={() => this.prev()} className='prev' aria-label='Previous image' alt='Previous image'><img src='/assets/img/arrow-left.png' /></div>
-- 
cgit v1.2.3-70-g09d2