zzstoatzz.io
-29
frontend/src/lib/components/AddToMenu.svelte
-29
frontend/src/lib/components/AddToMenu.svelte
···
85
}
86
87
menuOpen = !menuOpen;
88
-
console.log('[AddToMenu] toggleMenu called, menuOpen:', menuOpen, 'viewport:', window.innerWidth, 'x', window.innerHeight);
89
if (!menuOpen) {
90
showPlaylistPicker = false;
91
}
92
}
93
-
94
-
// debug: log when menu renders
95
-
$effect(() => {
96
-
if (menuOpen) {
97
-
console.log('[AddToMenu] menu is open, should render dropdown');
98
-
// check if dropdown element exists after a tick
99
-
setTimeout(() => {
100
-
const dropdown = document.querySelector('.menu-dropdown');
101
-
const backdrop = document.querySelector('.menu-backdrop');
102
-
console.log('[AddToMenu] dropdown element:', dropdown, 'backdrop:', backdrop);
103
-
if (dropdown) {
104
-
const styles = window.getComputedStyle(dropdown);
105
-
console.log('[AddToMenu] dropdown computed styles:', {
106
-
position: styles.position,
107
-
top: styles.top,
108
-
left: styles.left,
109
-
zIndex: styles.zIndex,
110
-
display: styles.display,
111
-
visibility: styles.visibility,
112
-
opacity: styles.opacity,
113
-
transform: styles.transform,
114
-
width: styles.width,
115
-
height: styles.height
116
-
});
117
-
}
118
-
}, 50);
119
-
}
120
-
});
121
122
async function handleLike(e: Event) {
123
e.stopPropagation();