1

I am using PrimeNG's p-table with the rowsPerPageOptions set as follows

[rowsPerPageOptions]="[25,50,100]"

I can see the paginator options dropdown too, but on clicking it, the dropdown terminates abruptly on the screen. Dropdown terminating abruptly

Edit: I have checked this answer already. It does not help as I already have the animations module imported

naman1901
  • 305
  • 4
  • 16
  • 1
    This is most likely an issue with the css of your surrounding box setting overflow:hidden. – Jens Habegger Apr 16 '19 at 11:15
  • @JensHabegger you are right. The parent has `overflow:hidden !important` set at some level. Is there a way to make this one overlay not hidden? I say this because I upgraded PrimeNg and started seeing these issues. The overlay properly was there previously too but wasn't causing any issues. – naman1901 Apr 16 '19 at 11:28
  • There are methods that enable you to bypass the overflow property of a parent, but they can be a bit hackish in nature. Judging from the screenshot, you are building some kind of grid-based dashboard with individual boxes. Are you able to override the overflow: hidden on that specific box? – Jens Habegger Apr 16 '19 at 11:34
  • 1
    I added the `overflow: visible` style to the component and turned off `overflow:hidden !important` using the browser dev tools. So I can confirm what you said is right. I need to understand the implications of the setting first and see if I can do away with it. The app I'm working on was built in the days of Angular 2. CSS added iteratively over the years is a real pain :| – naman1901 Apr 16 '19 at 18:01

0 Answers0