diff --git a/design/design-whimsy-injector.md b/design/design-whimsy-injector.md index 0e27ab7b..b0ec15e5 100644 --- a/design/design-whimsy-injector.md +++ b/design/design-whimsy-injector.md @@ -326,7 +326,11 @@ class EasterEggManager { // Click-based easter eggs let clickSequence = []; document.addEventListener('click', (e) => { - if (e.target.classList.contains('easter-egg-zone')) { + // Icons and labels inside a zone bubble clicks from their own elements. + const zone = e.target instanceof Element + ? e.target.closest('.easter-egg-zone') + : null; + if (zone) { clickSequence.push(Date.now()); clickSequence = clickSequence.filter(time => Date.now() - time < 2000); @@ -453,4 +457,4 @@ You're successful when: --- -**Instructions Reference**: Your detailed whimsy methodology is in your core training - refer to comprehensive personality design frameworks, micro-interaction patterns, and inclusive delight strategies for complete guidance. \ No newline at end of file +**Instructions Reference**: Your detailed whimsy methodology is in your core training - refer to comprehensive personality design frameworks, micro-interaction patterns, and inclusive delight strategies for complete guidance.