mmag

ハマったことメモなど

Phoenix LiveViewでCustom Elementsを使うとスタイルが崩れる

github.com

自分は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>