commit 4e3521d13def5b1d4fc73a4287dabc2a088a4daf · kitten.sh/use-interactions

+11 -12
src/useDialogDismiss.ts
···

       32
       32
        
               return;

     

       33
       33
        
             }

     

       34
       34
        
       

     

       35
       35
       -
             event.preventDefault();

     

       36
       36
       -
             onDismiss();

     

       35
       35
       +
             // The current dialog can be dismissed by pressing outside of it if it either has

     

       36
       36
       +
             // focus or it has priority

     

       37
       37
       +
             const active = document.activeElement;

     

       38
       38
       +
             if (hasPriority || (active && contains(ref.current, active))) {

     

       39
       39
       +
               event.preventDefault();

     

       40
       40
       +
               onDismiss();

     

       41
       41
       +
             }

     

       37
       42
        
           }

     

       38
       43
        
       

     

       39
       39
       -
           if (hasPriority) {

     

       40
       40
       -
             document.addEventListener('mousedown', onClick);

     

       41
       41
       -
             document.addEventListener('touchstart', onClick);

     

       42
       42
       -
           }

     

       43
       43
       -
       

     

       44
       44
       +
           document.addEventListener('mousedown', onClick);

     

       45
       45
       +
           document.addEventListener('touchstart', onClick);

     

       44
       46
        
           document.addEventListener('keydown', onKey);

     

       45
       47
        
       

     

       46
       48
        
           return () => {

     

       47
       47
       -
             if (hasPriority) {

     

       48
       48
       -
               document.removeEventListener('mousedown', onClick);

     

       49
       49
       -
               document.removeEventListener('touchstart', onClick);

     

       50
       50
       -
             }

     

       51
       51
       -
       

     

       49
       49
       +
             document.removeEventListener('mousedown', onClick);

     

       50
       50
       +
             document.removeEventListener('touchstart', onClick);

     

       52
       51
        
             document.removeEventListener('keydown', onKey);

     

       53
       52
        
           };

     

       54
       53
        
         }, [ref, hasPriority, onDismiss]);