Phoenix link not working in Tailwind CSS

Phoenix Forum Questions / Help
,
1

The link works before I start using Tailwind CSS
Before

<%= link gettext("Logout"), to: Routes.session_path(@conn, :delete, current_session(@conn)), method: :delete, class: "nav-link"  %>


<a class="nav-link" data-csrf="RwwHPiABNjkBIjhTPBgXJQE4TnVSDhc9vSfPnXgvslR5IHaaSP-0dlVo" data-method="delete" data-to="/sessions/310" href="/sessions/310" rel="nofollow">Logout</a>

After

 <%= link gettext("Logout"), to: Routes.session_path(@conn, :delete, current_session(@conn)), method: :delete, class: "lg:text-white lg:hover:text-gray-300 text-gray-800 px-3 py-4 lg:py-2 flex items-center text-lg uppercase font-bold"  %>

<a class="lg:text-white lg:hover:text-gray-300 text-gray-800 px-3 py-4 lg:py-2 flex items-center text-lg uppercase font-bold" data-csrf="RwwHPiABNjkBIjhTPBgXJQE4TnVSDhc9vSfPnXgvslR5IHaaSP-0dlVo" data-method="delete" data-to="/sessions/310" href="/sessions/310" rel="nofollow">Logout</a>

In previous working one, the link generate a POST request, but the Tailwind one generate a GET request.
Any idea?

2

Tailwind shouldn’t really have anything to do with it given it is a CSS library. Are there any webpack asset compilation errors in your logs or JS errors in the browser console?

3

Great, I forgot to import “phoenix_html” :stuck_out_tongue: