Dropdown menu hidden when used with malihu scrolling

I am using malihu scroll bar in combination with ui semantic dropdown. I was expecting the dropdown to overflow the scrollbar for all content to be displayed. Instead, it hides the dropdown menu under the scrollbar, so the items are invisible.

The html I'm using for the dropdown is the semantic interface:

<div class="ui compact menu">
<div class="ui simple dropdown item">
  Dropdown
  <i class="dropdown icon"></i>
  <div class="menu">
    <div class="item">Choice 1</div>
    <div class="item">Choice 2</div>
    <div class="item">Choice 3</div>
    </div>
  </div>
</div>