Using plain Javascript, it is easy to hide a select-menu option using HTML5's hidden attribute. But when stylising the select-menu using the jQuery-UI, the hidden attribute is ignored. For example, define two select menus:

<select id="one">
  <option>option 1</option>
  <option>option 2</option>
  <option hidden>hidden option</option>
  <option>option 4</option>
</select>

<select id="two">
  <option>option 1</option>
  <option>option 2</option>
  <option hidden>hidden option</option>
  <option>option 4</option>
</select>

using the following Javascript/jQuery:

$(function(){            
  $('#one').selectmenu();
});

When you run this example, the third item is hidden in the second selectmenu, but not in the first. It seems that jQuery-UI has disabled the hidden attribute. See

​http://jsfiddle.net/pvermees/xa4219ya/1/

for a live example of this issue.

After binding the on change and key up events on my date picker input I am unable to select the date for the first time from the date picker, even the enter key has also stopped working and I had to provide a workaround to make an enter key work

There appears to be a memory leak with the autocomplete combobox. I can recreate it by going to the combobox demo in Chrome (54): ​https://jqueryui.com/autocomplete/#combobox

And then clicking the "show all items" button over and over. After around 50 times it starts to noticably slow down, keep going and it eventually slows to a crawl.

This is more apparent in my real world app, which is often left open for a long time and can contain many more autocomplete items.