DropDownTree Height does not work in Vuetify v-dialog

[Jerry]

We have a Vuejs and Vuetify application.

We are using the DropDownTree control to display a hierarchy. In some cases, the list can be very long and scrolls off the page.

I tried using the "Height" property. This works for the DropDownTree controls that are NOT in a v-dialog.

But one of our DropDownTree controls displays in a v-dialog. The "Height" property has no effect here.

How can I make the "Height" property work for the DropDownTree in a v-dialog?

Or how can I specify a height for the DropDownTree or add scroll bars when the DropDownTree appears in a v-dialog?

 

[Petar]

Hi Jerry,

I've tried to replicate the reported behavior inside the attached project. Based on my tests, the height property of the DropDownTree is working correctly both inside and outside the v-dialog.

Please check the attached example and test if the reported issue is replicable inside it. If it is not, you can compare the implementation in your project with the suggested approach. Thus you may identify what should be changed to achieve the targeted functionality. 

If you don't manage to resolve the issue in your project, can you use the attached project as a basis and edit it in a way we can replicate the issue that you experience? Send us the edited project back and we will further check it. 

Regards,
Petar
Progress Telerik

[Jerry]

I can confirm that I found my mistake. The Height property is working correctly.

 

[Petar]

Hi, Jerry.

I am happy to hear that the issue is resolved! :)