title: Kendo MVC dropdown - blank space when option label remove
body: <p>When user selects any option on kendo's dropdown I'm removing option label. In some of dropdowns there is white/blank space instead of removed option label. It looks like:
  <a href="https://i.stack.imgur.com/R1Q9L.png" rel="nofollow noreferrer">screen</a></p>
  <p>Dropdown code:</p>
  <pre><code>@(Html.Kendo().DropDownList()
      .Name(&quot;apps&quot;)
      .DataTextField(&quot;Name&quot;)
      .DataValueField(&quot;Id&quot;)
      .OptionLabel(&quot;Please select a software&quot;)
      .BindTo(Model.Apps)
      .Events(e =&gt; {
          e.Close(&quot;onCloseDropdown&quot;);
      })
      .HtmlAttributes(new { id = &quot;ddApps&quot;, style = &quot;width: 30%&quot; })
  )
  </code></pre>
  <p>onCloseDropdown:</p>
  <pre><code>function onCloseDropdown() {
      var val = $('#ddApps').val();
  
      if (val !== &quot;&quot;) {
          this.element.getKendoDropDownList().list.find('.k-list-optionlabel').remove();
      }
      else {
          return;
      }
      (...)
  }
  </code></pre>
  <p>I noticed that problem doesn't appears when there are no many options and scroll is disabled.
  When I have a lot of options and scroll is enabled, I guess kendo needs to resize somehow to fix the height after remove the option label</p>