JSFiddle - React, Tailwind, and code Playground

by Cameron Bernhardt

HTML

<div class="btn-group" role="group" aria-label="...">
  <!--Button File-->
  <div class="btn-group" role="group">
    <button>File</button>
    <ul class="dropdown-menu" role="menu">
      <li>
        <input type="file" /><a href="#" onclick="openFile()">Open</a>
      </li>
      <li><a href="#">Save</a>
      </li>
    </ul>
  </div>
</div>

CSS

li input {
    visibility: none;
    width: 0;
}

JavaScript

function openFile() {
    document.querySelector("li input").click();
}