moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MediaModal: fix clicking Audio causes modal to close

This commit is contained in:
Alex Gleason 2022-10-18 19:23:01 -05:00
parent fa7a517a95
commit ed558ba5ca
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/soapbox/features/ui/components/media-modal.tsx
View File

@ -101,12 +101,12 @@ const MediaModal: React.FC<IMediaModal> = (props) => {
} }
}; };
const handleCloserClick: React.MouseEventHandler = ({ currentTarget }) => { const handleCloserClick: React.MouseEventHandler = ({ target }) => {
const whitelist = ['zoomable-image']; const whitelist = ['zoomable-image'];
const activeSlide = document.querySelector('.media-modal .react-swipeable-view-container > div[aria-hidden="false"]'); const activeSlide = document.querySelector('.media-modal .react-swipeable-view-container > div[aria-hidden="false"]');
const isClickOutside = currentTarget === activeSlide || !activeSlide?.contains(currentTarget); const isClickOutside = target === activeSlide || !activeSlide?.contains(target as Element);
const isWhitelisted = whitelist.some(w => currentTarget.classList.contains(w)); const isWhitelisted = whitelist.some(w => (target as Element).classList.contains(w));
if (isClickOutside || isWhitelisted) { if (isClickOutside || isWhitelisted) {
onClose(); onClose();