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

Bắt đầu với phần Mouse and pointer events trong tài liệu về khả năng truy cập được liên kết và tái hiện hành vi bằng CodePen được cung cấp. Đọc tài liệu tham khảo focus-event được liên kết trên MDN để xác minh hành vi của sự kiện. Hoàn tất khi ví dụ được sửa để tương tác được mô tả trong tài liệu hoạt động, hoặc issue được đóng nếu hành vi được báo cáo là không đúng.