Invalid Example for Mouse and pointer events Documentation

Hi, I think here is Invalid example for this documentation

https://reactjs.org/docs/accessibility.html#mouse-and-pointer-events

In this documentation, there is a code not to close the pop-over when focusing on the child.

// If a child receives focus, do not close the popover.
onFocusHandler() {
  clearTimeout(this.timeOutId);
}

but, when i click child element, child element doesn't receive focus
so when i click child element, the pop-over closes.

CodePen

I think it's because of onFocus event does not bubble.

https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event

This example is likely to cause confusion. How about modify the example to make it work?

If I'm mistaken, I think This issue may well be closed.

thanks

Beginne mit dem Abschnitt Mouse and pointer events in der verlinkten Dokumentation zur Barrierefreiheit und reproduziere das Verhalten mit dem bereitgestellten CodePen. Lies die verlinkte MDN-Referenz zu focus-event, um das Event-Verhalten zu überprüfen. Erledigt ist die Aufgabe, wenn das Beispiel korrigiert wurde, sodass die dokumentierte Interaktion funktioniert, oder wenn das Issue geschlossen wird, falls das gemeldete Verhalten irrtümlich ist.