Okay, it actually works

This commit is contained in:
city-unit 2023-08-30 00:11:20 -04:00
parent de5bc45060
commit 1cb86034b5
3 changed files with 10 additions and 2 deletions

View File

@ -452,6 +452,7 @@ export function dragElement(elmnt) {
var elmntName = elmnt.attr('id');
console.log(`dragElement called for ${elmntName}`);
const elmntNameEscaped = $.escapeSelector(elmntName);
console.log(`dragElement escaped name: ${elmntNameEscaped}`);
const elmntHeader = $(`#${elmntNameEscaped}header`);
if (elmntHeader.length) {

View File

@ -296,7 +296,7 @@ function makeDragImg(id, url) {
// Find the .drag-grabber and set its ID
const dragGrabber = draggableElem.querySelector('.drag-grabber');
if (dragGrabber) {
dragGrabber.id = `zoomFor_${id}header`;
dragGrabber.id = `draggable_${id}header`;
}
}
@ -307,8 +307,9 @@ function makeDragImg(id, url) {
const appendedElement = document.getElementById(`draggable_${id}`);
if (appendedElement) {
var elmntName = $(appendedElement);
dragElement(elmntName);
loadMovingUIState();
dragElement(elmntName);
// Prevent dragging the image
console.log(`#draggable_${id} img`);

View File

@ -3562,3 +3562,9 @@ a {
margin-left: 10px;
/* Give some space between the button and search box */
}
.draggable img {
width: 100%;
height: 100%;
object-fit: cover;
}