I recently had a requirement to make sure a  PrimeNG Dropdown panel inside a modal with scrolling content was not constrained within the modal, but rather could be seen and interacted with without having to scroll.

Here’s what I’m talking about…

The Scenario

This is the default, and what we don’t want (or, rather, what we shall not deliver):

Image for post

Dropdown panel constrained within modal

Here’s what we do want:

Image for post

Dropdown panel visible outside modal boundary

#dependency-injection #primeng #angular-directive #angular #javascript

How to Pass an Element Reference Down Through a Component Tree in Angular
5.85 GEEK