Scheduler + combo = Bug

The combo’s CSS isn’t working properly, apparently the width is greater than the section and the option’s z-index is less than the z-index of the lightbox


my code:

{ name: "animal_owner", type: "combo", map_to: "animal_owner", options: holders, height:30, image_path:"/dhtmlx/imgs_flat/" },

my page code


    <link rel="stylesheet" href="/dhtmlx/dhtmlxcombo.css" type="text/css">
    <script src="/dhtmlx/dhtmlxcombo.js" type="text/javascript"></script>

    <%= stylesheet_link_tag "general_style" %>
    <%= render :partial => "shared/css_common" %>
    <style type="text/css" media="screen">
        html {
            margin: 0;
            padding: 0;
            height: 100%;

    <%= render :partial => "shared/top_header" %>
    <div id="agenda" class="dhx_cal_container" style="width:100%; height:100%;">
        <div class="dhx_cal_navline">
            <div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
            <div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
            <div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
            <div class="dhx_cal_date"></div>
            <div class="dhx_cal_prev_button">&nbsp</div>
            <div class="dhx_cal_next_button">&nbsp</div>
            <div class="dhx_cal_todday_button"></div>
        <div class="dhx_cal_header"></div>
        <div class="dhx_cal_data"></div>
    <%= javascript_include_tag "recurrent_agenda/main.js" %>


Could you please provide with demo link where the problem can be reproduced?
If the problems occur only with z-index and width, you need to change these properties in source files.


but i think the problem is: in your example you are using an older version of combo, the newer version don’t work correctly with the scheduler_editor.js
specifically on this code:

node._combo = new dhtmlXCombo(node,, node.offsetWidth-8); 

node.offsetWidth return the lightbox’s width, if combo has the lightbox’s width it will broken because of the label position.
the problem in z-index i can’t find which is the cause of the error, because i don’t understand correctly how the lightbox’s z-index was set
i’m creating a github repo where i will post the correction and some improvements on schedule, if someone want to help me, i can post the link

sorry for the english

Please, add the next changes of css to “teste.html” file:

.dhxcombolist_dhx_terrace{ z-index: 20000 !important; width: 608px !important; } .dhxcombo_dhx_terrace{ width: 608px !important; left: 10px; }