jQuery UI Widgets Forums Lists ComboBox Combobox in Popover issue

This topic contains 1 reply, has 2 voices, and was last updated by  Martin 1 year, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Combobox in Popover issue #101783



    I am trying to create a form which includes a combobox on a Popover widget, however the combobox list items are not appearing. I am not sure why this is happening, but I suspect it may be a z-index issue when the listbox portion of the combobox is created.

    var options = new Array(“Option 1”, “Option 2”, “Option 3”);

    $(“#button”).jqxButton({ theme: ‘light’, template: “inverse” });
    $(“#popover”).jqxPopover({theme: ‘light’, height: 200, offset: {left: 0, top:0}, arrowOffsetValue: 50,
    title: “Options”, position: ‘bottom’, showCloseButton: true, selector: $(“#button”) });
    $(“#jqxComboBox”).jqxComboBox({theme: ‘light’, source: options, width: 200, height: 30});

    <div id=”popover” style=”height: 200″>
    <div id=”jqxComboBox”></div>

    Any ideas on how to solve this ?

    Combobox in Popover issue #101820


    Hello Duncan,

    Yes, you are right. It is a z-index issue.
    You can fix it by adding the following css:

    .jqx-listbox.jqx-widget-content  {
         z-index: 9999 !important;

    Here is an Example.

    Best Regards,

    jQWidgets Team

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.