commit cefef27553540c000c73c85f7d66f9945d3db9f8 · kitten.sh/use-interactions

+10 -10
src/useDismissable.ts
···

       81
       81
        
           }

     

       82
       82
        
       

     

       83
       83
        
           if (focusLoss) {

     

       84
       84
       -
             document.body.addEventListener('focusout', onFocusOut);

     

       85
       85
       -
             document.body.addEventListener('focusin', onFocusIn);

     

       84
       84
       +
             document.body.addEventListener('focusout', onFocusOut, true);

     

       85
       85
       +
             document.body.addEventListener('focusin', onFocusIn, true);

     

       86
       86
        
           }

     

       87
       87
        
       

     

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

     

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

     

       90
       90
       -
           document.addEventListener('keydown', onKey);

     

       88
       88
       +
           document.addEventListener('click', onClick, true);

     

       89
       89
       +
           document.addEventListener('touchstart', onClick, true);

     

       90
       90
       +
           document.addEventListener('keydown', onKey, true);

     

       91
       91
        
       

     

       92
       92
        
           return () => {

     

       93
       93
        
             if (focusLoss) {

     

       94
       94
       -
               document.body.removeEventListener('focusout', onFocusOut);

     

       95
       95
       -
               document.body.removeEventListener('focusin', onFocusIn);

     

       94
       94
       +
               document.body.removeEventListener('focusout', onFocusOut, true);

     

       95
       95
       +
               document.body.removeEventListener('focusin', onFocusIn, true);

     

       96
       96
        
             }

     

       97
       97
        
       

     

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

     

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

     

       100
       100
       -
             document.removeEventListener('keydown', onKey);

     

       98
       98
       +
             document.removeEventListener('click', onClick, true);

     

       99
       99
       +
             document.removeEventListener('touchstart', onClick, true);

     

       100
       100
       +
             document.removeEventListener('keydown', onKey, true);

     

       101
       101
        
           };

     

       102
       102
        
         }, [ref.current, hasPriority, disabled, focusLoss]);

     

       103
       103
        
       }