Dropdown gets cropped on empty table.

[akshayraikar1]

I have 2 issues regarding dropdowns given below,

1. When there are no rows in the table and if we click on datepicker, the module panel header goes up as shown in image1.
   

2. Also When there are no rows in the table and if we click on the datepicker or the dropdown on the right, it gets cropped below the main div as shown in image2 and image3.

[poojaparasharam]

Please check this issue.

[tony-shannon]

@akshayraikar1 @poojaparasharam

Where do you suggest the problems lie and what idea do you have to fix them please?

If you want to try to fix them locally, you are welcome to submit a Pull Request

[akshayraikar1]

@tony-shannon
The problem is in the div tag as shown in image 3 in main.html file.
The height does not change dynamically even after the use of auto, but if we set it like 500px or something it works fine. So we wanted to know if you could suggest a better solution other than manually setting with px values.

[tony-shannon]

@kbeloborodko If you can suggest an approach to @akshayraikar1
thanks

[kbeloborodko]

Hi, @akshayraikar1 @poojaparasharam

1. Could you please advise what module / plugin are you using as a basis for your development effort? Is it the generic plugin code that is a boilerplate for the new functionality? The reason I am asking is that I don't recall a page with the datepicker above the records table like shown in your screenshot, Is it your custom implementation?
2. To provide the best solution for the height issue you mentioned, I need to see the html structure and the styles you have at this point. Most likely the parent div has overflow: hidden property that can be replaced with the following :after statement:
   .parent-div:after { clear: both; content: ""; display: block; }
   CC: @tony-shannon

[poojaparasharam]

HI,

Using same pulsetile source , but in page-wrapper style class is hiding the dropdown. Tried putting the style that you mentioned above still it's not working.