Popover not good in mobile

[tienlx97]

Bug report 🐞

Version & Environment

• Version of browser: chorme
• Version of geist-ui/core: latest

Expected Behaviour

The behavior I expect is popover not overflow / hidden

Actual results (or Errors)

I got an error: when I display button left or right screen. The popover will hidden if it out of screen

() => {
  const content = () => (
    <>
      <Popover.Item title>
        <span>User Settings</span>
      </Popover.Item>
      <Popover.Item>
        <Link href="#">A hyperlink</Link>
      </Popover.Item>
      <Popover.Item>
        <Link color href="#">A hyperlink for edit profile</Link>
      </Popover.Item>
      <Popover.Item line />
      <Popover.Item>
        <span>Command-Line</span>
      </Popover.Item>
    </>
  )
  return (
    <Popover content={content}>
      Menu
    </Popover>
  )
}

[smyja]

Bug report 🐞

Version & Environment

* Version of browser: chorme

* Version of `geist-ui/core`: latest

Expected Behaviour

The behavior I expect is popover not overflow / hidden

Actual results (or Errors)

I got an error: when I display button left or right screen. The popover will hidden if it out of screen

() => {
  const content = () => (
    <>
      <Popover.Item title>
        <span>User Settings</span>
      </Popover.Item>
      <Popover.Item>
        <Link href="#">A hyperlink</Link>
      </Popover.Item>
      <Popover.Item>
        <Link color href="#">A hyperlink for edit profile</Link>
      </Popover.Item>
      <Popover.Item line />
      <Popover.Item>
        <span>Command-Line</span>
      </Popover.Item>
    </>
  )
  return (
    <Popover content={content}>
      Menu
    </Popover>
  )
}

did you resolve this?

[tienlx97]

@smyja I resolve by using another library ( fluentui 9 - Microsoft )

[smyja]

@smyja I resolve by using another library ( fluentui 9 - Microsoft )

Okay 👍🏽

[fitrahmunir]

Hi @tienlx97 can you review my PR?