Tailwind css truncate not working in Phoenix Component

Phoenix Forum Questions / Help
, , ,
1

Hey,

I am refactoring some code into Phoenix Components, and everything is working great, except it seems like the truncate tailwind css class is not working anymore.
The class is there in the generated html.

      <div class="flex flex-col w-3/5">
        <span class="text-sm truncate ...">
          <%= @user_team.team.name %>
        </span>
      </div>

This just in a regular eex file does work, but in a heex Phoenix Component, so in ~H does not.

Has anyone faced this before?

2

Is your tailwind configured to look in that file type for used classes?

1 Like
3

That was it, thanks!