zzstoatzz.io / status
slack status without the slack status.zzstoatzz.io/
quickslice
fork atom

fix: Prevent modal from closing when clicking inside

- Add position:relative and z-index to emoji-picker to ensure it properly blocks clicks
- Remove debug logging

zzstoatzz.io 70702a63 a5b29e06

+2 -6
unified split
+2 -6
templates/status.html
··· 1091 1091 } 1092 1092 1093 1093 .emoji-picker { 1094 + position: relative; 1095 + z-index: 1; 1094 1096 width: min(960px, 94vw); 1095 1097 height: min(90vh, 820px); 1096 1098 background: var(--bg-secondary); ··· 2165 2167 }; 2166 2168 2167 2169 const closeEmojiPicker = () => { 2168 - console.log('closeEmojiPicker called'); 2169 - console.trace(); 2170 2170 if (!emojiPickerOverlay) return; 2171 2171 emojiPickerOverlay.classList.add('hidden'); 2172 2172 emojiPickerOverlay.setAttribute('aria-hidden', 'true'); ··· 2213 2213 2214 2214 if (emojiPickerOverlay) { 2215 2215 emojiPickerOverlay.addEventListener('click', (e) => { 2216 - console.log('Overlay click handler:', e.target, e.target === emojiPickerOverlay); 2217 2216 // Only close if clicking the overlay itself, not the picker content 2218 2217 if (e.target === emojiPickerOverlay) { 2219 - console.log('Closing from overlay click'); 2220 2218 closeEmojiPicker(); 2221 2219 } 2222 2220 }); ··· 2405 2403 2406 2404 if (emojiGrid) { 2407 2405 emojiGrid.addEventListener('click', (e) => { 2408 - console.log('EmojiGrid click:', e.target); 2409 2406 const button = e.target.closest('.emoji-option'); 2410 - console.log('Found button:', button); 2411 2407 if (!button || !emojiGrid.contains(button)) return; 2412 2408 e.preventDefault(); 2413 2409 applyEmojiSelection(button);