JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Window including a combo-box inside of a smart window

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #103370

    hello —

    is there any way to include a combo-box inside of a smart-window where the combo-box has a high enough z-index to be completely visible without having to scroll?

    setting smart-list-box with a high z-index does not seem to help.

    as you can see, most of the combo-box choices are hidden.

    thank you very much.





    To do that you have the opportunity to append the dropdown to any element you want with the drop-down-append-to attribute, which accepts a CSS selector.
    Have a look at the following example: codepen.
    In it, the dropdown is appended to the body, you can also change the position of the dropdown with the drop-down-position attribute.
    Here is a link for ComboBox`s API:

    You can also change these properties programmatically:

    const combobox = document.querySelector('smart-combo-box');
    combobox.dropDownAppendTo('body'); //the value should be CSS selector
    combobox.dropDownPosition = 'bottom'; //possible values are:
    //'auto', 'top', 'bottom', 'overlay-top', 'overlay-center', 'overlay-bottom', 'center-bottom', 'center-top'

    If you have any additional questions, do not hesitate to ask!

    Best Regards,
    Svetoslav Borislavov

    Smart UI Team

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.