audio streaming app
plyr.fm
debug: add console logs to AddToMenu for iOS Safari debugging (#574)
Logs:
- toggleMenu called with menuOpen state and viewport size
- dropdown element presence check
- computed styles (position, z-index, display, visibility, etc.)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
authored by
nate nowack
Claude Opus 4.5
and committed by
GitHub
c70f77b7
582afa0f
+29
+29
frontend/src/lib/components/AddToMenu.svelte
+29
frontend/src/lib/components/AddToMenu.svelte
···
85
85
}
86
86
87
87
menuOpen = !menuOpen;
88
+
console.log('[AddToMenu] toggleMenu called, menuOpen:', menuOpen, 'viewport:', window.innerWidth, 'x', window.innerHeight);
88
89
if (!menuOpen) {
89
90
showPlaylistPicker = false;
90
91
}
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
+
});
92
121
93
122
async function handleLike(e: Event) {
94
123
e.stopPropagation();