dropdowns disabled after first open

[andrea]

I'm having the following bizarre issue, after moving to npm and webpack to build our angular application. I'm using the latest kendo.all '2017.1.223', angular 1.62, jQuery 3.11;

Every input widget, e.g. datepickers, multiselect, dropdowns, does only open once.

Any idea of what might be going on?

 

I could not reproduce in dojo. 

[andrea]

More details:

Here's a select after the first selection.

<div class="k-list-container k-popup k-group k-reset k-state-border-up" data-role="popup" style="position: absolute; font-size: 11px; font-family: Roboto, Arial, sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; line-height: normal; width: 354px; min-width: 354px; height: auto; display: none; transform: translateY(0px);">
       <div class="k-group-header" style="display:none"></div>
       <div class="k-list-scroller" unselectable="on" style="height: auto;">
                  <ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="false" aria-live="off" data-role="staticlist" role="listbox">
                        <li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="0">Company</li>
                        <li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="1">School</li>
                        <li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" data-offset-index="2" id="1e1e70d7-e799-4501-8f28-360466af9aed">Family</li>
                        <li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="3">Misc</li>
                  </ul>
          </div>
         <div class="k-nodata" style="display:none"><div>No data found.</div>
        </div>
</div>

 

As you can see, '.k-list-container' has a 'display:none' attribute. For some reason, this does not get removed when selecting an item from the list.

[andrea]

I toggled one by one all the dependencies of my app, and I found that this issue was caused by a conflict with https://github.com/angular-ui/ui-utils.  That library is deprecated, so I just removed it completely. Hopefully this will be helpful for someone else. I'm working on a dojo example.

[andrea]

If someone has time to investigate, this is the best I could get in the dojo - http://dojo.telerik.com/uzECO/4 and here's a jsbin https://jsbin.com/negunawuxu/1/edit?html,output . It works in the bins, so I am suspecting it might be some unexpected issue with webpack and that library. 

[Ivan Danchev]

Hello Andrea,

We are glad you have found what was causing the unexpected behavior and that the issue is not in the DropDownList.

Regards,
Ivan Danchev
Telerik by Progress