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

リンク先のアクセシビリティドキュメントにある Mouse and pointer events セクションから始め、提供された CodePen を使って動作を再現してください。リンク先の MDN の focus-event リファレンスを読んで、イベントの動作を確認してください。ドキュメントに記載されたインタラクションが機能するように例が修正されるか、報告された動作が誤りである場合に issue がクローズされれば完了です。