Dropdowlist not resizing correctly

[n/a]

I've noticed a regression in the dropdown list when i specify the dropdown height. The shadow is resizing but not the actual 

list. Here is a plunker showing the issue

 

https://plnkr.co/edit/A8bgcQrFi6ijrwEezvRp?p=preview

 

Is this a known issue and is there a work around??

 

 

[Dimiter Topalov]

Hello David,

The observed layout is actually expected - the popupSettings option controls the size of the Popup itself, while the height of the list is determined by the number of options or by the listHeight property.

For example when the options list is long enough and listHeight is set to match the popupSettings.height property, a vertical scrollbar appears:

https://plnkr.co/edit/bdKYQhGZyPXRkxbNVu4f?p=preview

On the other hand, if you need the list to be as high as the Popup even when there are not enough options to fill it, you can use the following CSS:

encapsulation: ViewEncapsulation.None,
  styles: [`
    .k-popup.k-list-container.k-reset {
      height: 100%
    }
  `]

Here is the updated Plunker:

https://plnkr.co/edit/3DulTI8zLoTFP6V4cgYy?p=preview

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[n/a]

Ok, let's play plunker ping pong :-) I still contend it's a bug. If you mave lots of items in the dropdown it still truncates the content even with you css applied.

 

Please see: https://plnkr.co/edit/GD9Z4zCBW69ZsqVzllzI?p=preview

 

Thanks

[Dimiter Topalov]

Hi David,

When there are enough items to "fill" the Popup, setting the listHeight to the same value as the Popup height yields the expected layout (like in the first example of my previous response):

https://plnkr.co/edit/wBGGwqKPapCXQu6iEsir?p=preview

No further styling is required in this case.

However, I agree that having to set both listHeight and Popup height seems counter-intuitive, and this is why I discussed this scenario with our DropDowns developers, and we decided to log an issue in our public GitHub repository that you can track here:

https://github.com/telerik/kendo-angular/issues/1607

Thank you for your feedback and cooperation on this case.

Regards,
Dimiter Topalov
Progress Telerik

[n/a]

THanks for the feedback, i'll apply the work around for now and track the ticket