Inconsistent dropdown behaviour using breakpoints

[thomasEeckhout]

Switching between different dropdown alignments using tailwind breakpoints can result in inconsistent behaviour.
For example:

<details class="dropdown dropdown-center sm:dropdown-end">
  <summary>Toggle</summary>
    <ul class="dropdown-content">
      <li><a>Item 1</a></li>
      <li><a>Item 2</a></li>
    </ul>
</details>

For the smallest screens, we use dropdown-center.
Starting from sm: breakpoint we use dropdown-end.

Because dropdown-center adds translate 50% to dropdown-content and, dropdown-end doesn't use any translate, we get a dropdown-end that's offset by 50% starting from the sm: breakpoint.

You can fix this manually by adding sm:translate-0 to the dropdown-content but it doesn't seem right.

I wasn't sure if I should report this as a bug or not, so i created a discussion. Let me know if this isn't the right place for this.

[saadeghi]

Thanks for reporting.
Will be fixed today 👍