Block event propagation when lightbox is triggered

This commit is contained in:
DepFA 2022-09-17 15:29:06 +01:00 committed by GitHub
parent 56ff118845
commit f96d8a601c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -80,11 +80,14 @@ function closeModal() {
gradioApp().getElementById("lightboxModal").style.display = "none";
}
function showModal(elem) {
gradioApp().getElementById("modalImage").src = elem.src
function showModal(event) {
var source = event.target || event.srcElement;
gradioApp().getElementById("modalImage").src = source.src
gradioApp().getElementById("lightboxModal").style.display = "block";
event.stopPropagation()
}
function showGalleryImage(){
setTimeout(function() {
fullImg_preview = gradioApp().querySelectorAll('img.w-full.object-contain')
@ -92,12 +95,13 @@ function showGalleryImage(){
if(fullImg_preview != null){
fullImg_preview.forEach(function function_name(e) {
if(e && e.parentElement.tagName == 'DIV'){
e.style.cursor='pointer'
elemfunc = function(elem){
elem.onclick = function(){showModal(elem)};
}
elemfunc(e)
e.addEventListener('click', function (evt) {
showModal(evt)
},true);
}
});
}