Update index.html
Browse files- index.html +21 -1
index.html
CHANGED
|
@@ -84,7 +84,7 @@
|
|
| 84 |
|
| 85 |
.window.active {
|
| 86 |
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 255, 255, 0.3);
|
| 87 |
-
z-index
|
| 88 |
}
|
| 89 |
|
| 90 |
.window-header {
|
|
@@ -1025,6 +1025,11 @@
|
|
| 1025 |
isDragging = true;
|
| 1026 |
draggedWindow = window;
|
| 1027 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1028 |
const rect = window.getBoundingClientRect();
|
| 1029 |
dragOffset.x = e.clientX - rect.left;
|
| 1030 |
dragOffset.y = e.clientY - rect.top;
|
|
@@ -1049,6 +1054,11 @@
|
|
| 1049 |
document.addEventListener('mouseup', () => {
|
| 1050 |
isDragging = false;
|
| 1051 |
draggedWindow = null;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1052 |
});
|
| 1053 |
|
| 1054 |
// Add click handlers to windows for focus
|
|
@@ -1126,6 +1136,11 @@
|
|
| 1126 |
touchStartX = touch.clientX - rect.left;
|
| 1127 |
touchStartY = touch.clientY - rect.top;
|
| 1128 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1129 |
focusWindow(windowId.replace('window-', ''));
|
| 1130 |
}, {passive: false});
|
| 1131 |
|
|
@@ -1150,6 +1165,11 @@
|
|
| 1150 |
header.addEventListener('touchend', () => {
|
| 1151 |
touchStartX = null;
|
| 1152 |
touchStartY = null;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1153 |
});
|
| 1154 |
});
|
| 1155 |
|
|
|
|
| 84 |
|
| 85 |
.window.active {
|
| 86 |
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 255, 255, 0.3);
|
| 87 |
+
/* z-index removed to fix stacking issues with JS */
|
| 88 |
}
|
| 89 |
|
| 90 |
.window-header {
|
|
|
|
| 1025 |
isDragging = true;
|
| 1026 |
draggedWindow = window;
|
| 1027 |
|
| 1028 |
+
// TEMPORARILY DISABLE IFRAMES SO THEY DON'T TRAP THE MOUSE
|
| 1029 |
+
document.querySelectorAll('iframe').forEach(iframe => {
|
| 1030 |
+
iframe.style.pointerEvents = 'none';
|
| 1031 |
+
});
|
| 1032 |
+
|
| 1033 |
const rect = window.getBoundingClientRect();
|
| 1034 |
dragOffset.x = e.clientX - rect.left;
|
| 1035 |
dragOffset.y = e.clientY - rect.top;
|
|
|
|
| 1054 |
document.addEventListener('mouseup', () => {
|
| 1055 |
isDragging = false;
|
| 1056 |
draggedWindow = null;
|
| 1057 |
+
|
| 1058 |
+
// RE-ENABLE IFRAMES
|
| 1059 |
+
document.querySelectorAll('iframe').forEach(iframe => {
|
| 1060 |
+
iframe.style.pointerEvents = 'auto';
|
| 1061 |
+
});
|
| 1062 |
});
|
| 1063 |
|
| 1064 |
// Add click handlers to windows for focus
|
|
|
|
| 1136 |
touchStartX = touch.clientX - rect.left;
|
| 1137 |
touchStartY = touch.clientY - rect.top;
|
| 1138 |
|
| 1139 |
+
// TEMPORARILY DISABLE IFRAMES SO THEY DON'T TRAP THE MOUSE
|
| 1140 |
+
document.querySelectorAll('iframe').forEach(iframe => {
|
| 1141 |
+
iframe.style.pointerEvents = 'none';
|
| 1142 |
+
});
|
| 1143 |
+
|
| 1144 |
focusWindow(windowId.replace('window-', ''));
|
| 1145 |
}, {passive: false});
|
| 1146 |
|
|
|
|
| 1165 |
header.addEventListener('touchend', () => {
|
| 1166 |
touchStartX = null;
|
| 1167 |
touchStartY = null;
|
| 1168 |
+
|
| 1169 |
+
// RE-ENABLE IFRAMES
|
| 1170 |
+
document.querySelectorAll('iframe').forEach(iframe => {
|
| 1171 |
+
iframe.style.pointerEvents = 'auto';
|
| 1172 |
+
});
|
| 1173 |
});
|
| 1174 |
});
|
| 1175 |
|