Fix Add Comment observer disconnect (#26565)

GitOrigin-RevId: bb84aa25d744a9b035a70c877c934156c2675cbd
This commit is contained in:
Alf Eaton
2025-07-02 11:25:06 +01:00
committed by Copybot
parent d8d53f76ca
commit 06153de0aa

View File

@@ -102,19 +102,25 @@ export const ReviewPanelAddComment = memo<{
}
}, [])
const observerRef = useRef<MutationObserver | null>(null)
const handleElement = useCallback(
(element: HTMLElement | null) => {
if (element) {
element.dispatchEvent(new Event('review-panel:position'))
const observer = new MutationObserver(observerCallback)
observerRef.current = new MutationObserver(observerCallback)
const entryWrapper = element.closest('.review-panel-entry')
if (entryWrapper) {
observer.observe(entryWrapper, {
observerRef.current.observe(entryWrapper, {
attributes: true,
attributeFilter: ['style'],
})
return () => observer.disconnect()
}
} else {
// [TODO React 19] return a cleanup function instead of using null element
if (observerRef.current) {
observerRef.current.disconnect()
}
}
},