Skip to content

Cut-off popover #8220

@dmaass-sz

Description

@dmaass-sz

Describe the bug

The popover is slightly cropped when the window with the official website is set to a width of 650px (see screenshot).

I have this component in the last column of a table, which unfortunately leads to a horizontal scroll bar in my application or layout.

Is this a Prime-Vue or Prime-UX bug?

Image

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://primevue.org/popover/#basic

Environment

Windows 11

Vue version

3.5.22

PrimeVue version

4.4.1

Node version

22.20.0

Browser(s)

Chrome

Steps to reproduce the behavior

  1. open the popover component on the official prime-vue website (https://primevue.org/popover/#basic)
  2. shrink the window to 650px
  3. open the example with the "share" button

Expected behavior

It should not be cutted and jump to the left side a bit or fully like when you shrink it even more.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions