fixed the bug #9098 https://github.com/nodejs/nodejs.org/issues/9098

[DakshGautam101]

Fix ChangeHistory dropdown not closing on outside click

Summary

Updated the ChangeHistory component to close the dropdown when the user clicks or taps outside of it.

Changes

• Converted ChangeHistory into a client component using 'use client'.
• Added a ref to the <details> element to track the dropdown.
• Added a pointerdown event listener on document.
• Automatically closes the dropdown when a pointer interaction occurs outside the <details> element.
• Added proper cleanup of the event listener when the component unmounts.

Why

Previously, the native <details> dropdown could remain open when interacting elsewhere on the page. This change provides the expected dropdown behavior by closing it when the user clicks outside.

Testing

• Opened the Change History dropdown.
• Clicked inside the dropdown — it remains open.
• Clicked outside the dropdown — it closes.
• Verified that the event listener is removed when the component unmounts.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
nodejs-org	Ready	Preview	Aug 31, 2026 8:57am

[avivkeller]

Given the format of this PR, I can only assume our policy on the usage of AI was not followed in it's creation. Please consult that policy before contributing to Node.js.