Phoenix LiveViewでCustom Elementsを使うとスタイルが崩れる
自分はShoelaceってのを使っていて起きたんだけど、どうやらLiveViewがDOMの差分を更新するときに、Custom Elementの子ノードに手を出してしまうっぽい。phx-update="ignore"
を付けて回避。
<sl-button phx-click="like" phx-update="ignore"> <sl-icon slot="prefix" name="hand-thumbs-up"></sl-icon> Like </sl-button>