mastofe

commit: bbaac89eb080e6f0a5832de2333025d0c4be2209
parent: 0dfffb6dcb48f881a39c17841ce8f02087d219d6
Author: geta6 <getakura@gmail.com>
Date:   Tue, 16 May 2017 19:12:38 +0900

Enable to handle app immediately after closing modal (#3082)


Diffstat:
M
app/javascript/mastodon/features/ui/components/modal_root.js
5
+++--

1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/app/javascript/mastodon/features/ui/components/modal_root.js b/app/javascript/mastodon/features/ui/components/modal_root.js
@@ -48,9 +48,10 @@ class ModalRoot extends React.PureComponent {
 
   render () {
     const { type, props, onClose } = this.props;
+    const visible = !!type;
     const items = [];
 
-    if (!!type) {
+    if (visible) {
       items.push({
         key: type,
         data: { type, props },
@@ -69,7 +70,7 @@ class ModalRoot extends React.PureComponent {
               const SpecificComponent = MODAL_COMPONENTS[type];
 
               return (
-                <div key={key}>
+                <div key={key} style={{ pointerEvents: visible ? 'auto' : 'none' }}>
                   <div role='presentation' className='modal-root__overlay' style={{ opacity: style.opacity }} onClick={onClose} />
                   <div className='modal-root__container' style={{ opacity: style.opacity, transform: `translateZ(0px) scale(${style.scale})` }}>
                     <SpecificComponent {...props} onClose={onClose} />