Navigation component dropdown cut off by short height of table in neighboring division of responsive grid

  • 1
  • Problem
  • Updated 3 years ago
  • Acknowledged
A picture's worth a thousand words here.
The set up:


The problem:
Photo of Matt Sones

Matt Sones, Champion

  • 31,478 Points 20k badge 2x thumb

Posted 3 years ago

  • 1
Photo of Anna Wiersema

Anna Wiersema

  • 10,890 Points 10k badge 2x thumb
Matt, is scrolling enabled on that table? That can with the navigation dropdown if the table is too high up on the page.  Our temporary solution for this is: don't enable scrolling on tables that are on the top of the page ;) 
Photo of Matt Sones

Matt Sones, Champion

  • 31,478 Points 20k badge 2x thumb
I do not have scrolling enabled.
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
I'm pretty sure you just have a really short page.  The drop down will not extend beyond the main Skuid Div on the page and we cannot dynamically extend that legnth as the navigation drops down.  You will also see this with filters on short tables that have lots of options.   A workaround is to add a wrapper to the bottom of the page that has some big height value. 
Photo of Matt Sones

Matt Sones, Champion

  • 31,478 Points 20k badge 2x thumb
Ah, that makes sense. That wrapper is becoming pretty convenient!
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Indeed!