search

primefaces / primeng

The Most Complete Angular UI Component Library
https://primeng.org
Other
10.34k stars 4.57k forks source link

V17: TieredMenu and CascadeSelect malfunction in p-dialog #16502

Open romainbar opened 6 days ago

romainbar commented 6 days ago

Describe the bug

Opening TieredMenu from p-dialog, menu starts hundreds of pixels to right of clicked location. CascadeSelect does not scroll when higher than screen, bottom options are unreachable. Standard p-dropdown works fine but does not have submenus.

Environment

Angular 18 + PrimeNg 17

Reproducer

No response

Angular version

18.2.7

PrimeNG version

17.18.11

Build / Runtime

TypeScript

Language

TypeScript

Node version (for AoT issues node --version)

22.9.0

Browser(s)

Chrome 129

Steps to reproduce the behavior

  1. Open p-dialog, click on TieredMenu button, menu consistently opens hundreds of pixels to right of clicked location.
  2. Open p-dialog, click on CascadeSelect button, with option list going below browser bottom it's impossible to scroll to hidden options.

Expected behavior

  1. Menu shall open at clicked location, as when opening outside dialog.
  2. User shall be able to reach all menu options, CascadeSelect shall allow scrolling through options, as when opening outside dialog.
nckirik commented 5 days ago

i my case, setting appendTo to body solved the problem