Add getBoundingClientRect to EventTarget type

[trollepierre]

🔎 Search Terms

"getBoundingClientRect"

🕗 Version & Regression Information

• This is the behavior in every version I tried

⏯ Playground Link

No response

💻 Code

onClick: (event: MouseEvent): void => {
  const { left, top } = event.target.getBoundingClientRect();
  const { left, top } = event.nativeEvent.target.getBoundingClientRect();
},

🙁 Actual behavior

Hi.
I've found that I can't use getBoundingClientRect with MouseEvent in typescript.

onClick: (event: MouseEvent): void => {
  const { left, top } = event.target.getBoundingClientRect();
  const { left, top } = event.nativeEvent.target.getBoundingClientRect();
},

Typescript message I see in VS code is:

Property 'getBoundingClientRect' does not exist on type 'EventTarget'.ts(2339)

🙂 Expected behavior

No typescript message

Additional information about the issue

facebook/react#16201

[nmain]

🔎 Search Terms
"getBoundingClientRect"

When you fill out the template with search terms, it's supposed to mean that you searched for those search terms in the issues list first. When I search for your search term, I get this issue:

#15394

Which covers the question as far as DOM types are concerned. If there's anything different than that in React specific types, that's a question for the maintainers of @types/react.

[typescript-bot]

This issue has been marked as "Duplicate" and has seen no recent activity. It has been automatically closed for house-keeping purposes.