Fix notepad menu dropdown disappearing when moving mouse to select options

[Copilot]

Problem

The File and Edit menus in the Notepad application had a critical usability issue where dropdown menus would immediately disappear when users moved their mouse from the menu item down to select an option. This made it impossible to actually use the menu options like "Save" and "Clear".

Root Cause

The issue was caused by the onmouseleave event handler on the menu items calling hideNotepadMenu() immediately when the mouse left the menu item area, before users could reach the dropdown options.

// Before: Menu disappeared immediately on mouseleave
'<span class="notepad-menu" onmouseleave="hideNotepadMenu()">File</span>'

Solution

Implemented a timeout-based approach that allows smooth mouse movement between menu items and their dropdown options:

1. Added 150ms delay before hiding menus to allow natural mouse movement
2. Enhanced dropdown containers with their own mouse event handlers to cancel/trigger hide timeouts
3. Improved function architecture with separate immediate and delayed hide functions

// After: Proper timeout-based hiding with dropdown event handling
function hideNotepadMenu() {
  if (notepadMenuTimeout) {
    clearTimeout(notepadMenuTimeout);
  }
  notepadMenuTimeout = setTimeout(() => {
    hideNotepadMenuImmediate();
    notepadMenuTimeout = null;
  }, 150);
}

// Dropdown containers can now cancel the hide timeout
'<div id="notepad-file-menu" onmouseenter="cancelHideNotepadMenu()" onmouseleave="hideNotepadMenu()">'

Key Changes

• Enhanced menu functions: Added cancelHideNotepadMenu() and separated immediate vs delayed hiding
• Dropdown event handlers: Added onmouseenter and onmouseleave to dropdown containers
• Timeout management: Proper cleanup and cancellation of hide timeouts
• Preserved existing behavior: Menu items still highlight and menus still hide when appropriate

Testing

Verified comprehensive user interaction scenarios:

• ✅ Menus appear correctly on hover
• ✅ Menus stay visible when moving mouse to dropdown options
• ✅ Menus hide appropriately after leaving both menu item and dropdown
• ✅ Menu switching works correctly between File and Edit
• ✅ Clicking menu options works and properly closes menus

Screenshot

The fix maintains the original Windows 98-style behavior while resolving the usability issue that prevented users from actually selecting menu options.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>File and Edit menu on Notepad does not work correctly</issue_title>
<issue_description>When I hover over File or Edit, the submenu appears, but the submenu disappears once you move the mouse down to select an option.</issue_description>

Comments on the Issue (you are @copilot in this section)

Fixes #39

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.