[Popover] Losing focus in the content when Popover is controlled

[armoniaechaos]

Repro

• https://react-components.buildo.io/#popover

  
  initialState = {
  isOpen: false
  }

const onToggle = () => setState({ isOpen: !state.isOpen })

const Item = ({ title, value }) => (

{title} {`$${value}/month`} {}} />

);

const content = (

);

const popoverProps = { isOpen: state.isOpen, onToggle: onToggle, content, position: 'top', anchor: 'start', event: 'hover', className: 'baloon', delay: { whenOpen: 100 } };

Hover me!

![Kapture 2020-04-09 at 12 35 52](https://user-images.githubusercontent.com/22859283/78886545-b0cd9900-7a5e-11ea-82c6-8c16d78dad8b.gif)

Instead, by making it uncontrolled, it works perfectly.

initialState = { isOpen: false }

const onToggle = () => setState({ isOpen: !state.isOpen })

const Item = ({ title, value }) => (

{title} {`$${value}/month`} {}} />

);

const content = (

);

const popoverProps = { content, position: 'top', anchor: 'start', event: 'hover', className: 'baloon', delay: { whenOpen: 100 } };

Hover me!