[Vuejs]-Navbar with Dropdown. Dropdown does not overlay input field. Tailwind and Vue

The relative class on the parent container of the input field will cause a new stacking context so it is therefore above the nav dropdown. Try adding some z-index to the navbar e.g. z-10. Thanks to @stickyuser

The relative class on the parent was the issue