Tailwind right property not working when position is set to sticky

user_17810064 0
Viewed 1155

I am trying to align an item to the right of the screen and make it sticky.
But as you can see in this sandbox it's not working.
The right property is not applied.
What should i do?

tailwind-css
2 Answers

This will also be working

<div class="sticky top-0 right-10 w-full flex justify-end">
  <div class="bg-blue-400 w-40">hossein</div>
</div>
user_105643120

Here is the solution, in this case we add a wrapper (with full width) and set right margin of given element to auto. Also this is not Tailwind's fault since all classes are present on element (which means it works). In case you want element to float use this instead <div class="sticky top-0 float-right bg-blue-400 w-40">hossein</div>.

user_107828550
Related