In my project I have a list that contains several cards. This list has a button to “show more” cards, but the transition from phx-disable-with happens very fast, which ends up not being noticed.
<button class="btn load-more" type="submit" phx-click="more_cards" phx-disable-with="Loading..."
phx-value-id_list_target="<%= @list.id %>"
phx-target="<%= @myself %>">Show More</button>
The “Loading…” is not static until the event is over, it disappears shortly thereafter. The event has a delay of ~ 3 seconds to fetch the next 100 cards, which would be ideal for this purpose, but the phx-disable-with effect does not happen
LiveView: 0.13.2v
Phoenix: 1.5.3v