+18

src/components/modal.jsx

reviewed

··· 41 41 ); 42 42 useCloseWatcher(onClose, [onClose]); 43 43 44 44 + useEffect(() => { 45 45 + const $deckContainers = document.querySelectorAll('.deck-container'); 46 46 + if (children) { 47 47 + $deckContainers.forEach(($deckContainer) => { 48 48 + $deckContainer.setAttribute('inert', ''); 49 49 + }); 50 50 + } else { 51 51 + $deckContainers.forEach(($deckContainer) => { 52 52 + $deckContainer.removeAttribute('inert'); 53 53 + }); 54 54 + } 55 55 + return () => { 56 56 + $deckContainers.forEach(($deckContainer) => { 57 57 + $deckContainer.removeAttribute('inert'); 58 58 + }); 59 59 + }; 60 60 + }, [children]); 61 61 + 44 62 const Modal = ( 45 63 <div 46 64 ref={(node) => {

+12

src/pages/status.jsx

reviewed

··· 153 153 return () => clearTimeout(timer); 154 154 }, [showMediaOnly]); 155 155 156 156 + useEffect(() => { 157 157 + const $deckContainers = document.querySelectorAll('.deck-container'); 158 158 + $deckContainers.forEach(($deckContainer) => { 159 159 + $deckContainer.setAttribute('inert', ''); 160 160 + }); 161 161 + return () => { 162 162 + $deckContainers.forEach(($deckContainer) => { 163 163 + $deckContainer.removeAttribute('inert'); 164 164 + }); 165 165 + }; 166 166 + }, []); 167 167 + 156 168 return ( 157 169 <div class="deck-backdrop"> 158 170 {showMedia ? (