Safari Compatibility Issue

[rode093]

• tailwindcss-dropdown version: 1.0
• Are you using plugins? Which?
• Only this

Relevant code or config:

<li class="relative dropdown:block lg:inline-block px-4 py-3 no-underline text-grey-darkest hover:text-grey-darker" aria-haspopup="true">
                    <a href="#">Browse Courses <i class="fas fa-caret-down"></i></a>
                     <ul class="hidden absolute bg-gray-100 border z-10" aria-label="submenu">
                        <li class="p-4 border-b hover:bg-gray-200" ><a href="">menu 1</a></li>
                        <li class="p-4 hover:bg-gray-200"><a href="">Menu 2</a></li>
                    </ul>
                </li>

What you did:

Used it in menu built in tailwindcss 2+

What happened:

Dropdown does not show up

Reproduction:

Problem description:

Suggested solution: