bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix media modal unable to close from image

Browse source
This commit is contained in:
Alex Gleason 2021-05-17 22:59:51 -05:00
parent bca6852b94
commit 8cd0f594a0
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/soapbox/features/ui/components/media_modal.js
View file

@ -119,9 +119,14 @@ class MediaModal extends ImmutablePureComponent {
} }
} }
handleCloserClick = e => { handleCloserClick = ({ target }) => {
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"]');
if (e.target === activeSlide || !activeSlide.contains(e.target)) {
const isClickOutside = target === activeSlide || !activeSlide.contains(target);
const isWhitelisted = whitelist.some(w => target.classList.contains(w));
if (isClickOutside || isWhitelisted) {
this.props.onClose(); this.props.onClose();
} }
} }