Fomantic UI - Dropdown

The patch version of the dropdown menu that fix the incorrect behavior s of dropdown menu.

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.css">
<div class="ui red buttons">
  <button class="ui button">
    <i class="code branch icon"></i>
    <span class="button-text">
      Merge Pull Request
    </span>
  </button>
  <div class="ui dropdown icon button">
    <i class="dropdown icon"></i>
    <div class="menu">
      <div class="item active selected">Merge Pull Request</div>
      <div class="item">Rebase and Merge</div>
      <div class="item">Rebase and Merge (-no off)</div>
      <div class="item">Squash and Merge</div>
    </div>
  </div>
</div>
<br>
<br>
<div class="ui very compact grid">
  <div class="row">
    <div class="item text gray eleven wide left floated column">
      <i class="exclamation triangle icon"></i>
      This branch is out-of-date with the base branch
    </div>
  </div>
</div>

CSS

body {
  padding: 2em;
}

JavaScript

$('.ui.dropdown').dropdown({
  });