# 【Elixir】LiveView でパスワードが消えてしまう現象の解決方法
> Elixir で LiveView でパスワードが消えてしまう現象がありました。その解決方法メモ。
- Canonical: https://c-a-p-engineer.github.io/elixir-liveview-password/
- Published: 2023-03-31T04:30:00.000Z
- Modified: 2023-03-31T04:30:00.000Z
- Categories: Elixir
- Tags: Elixir
Elixir で LiveView でパスワードが消えてしまう現象がありました。
その解決方法メモ。
## 環境
* Elixir 1.14.2
* Phoenix 1.6.3
## 現象
以下のような LiveView を使用してログインフォームを作ったところ、パスワード欄に入力した値が消える現象が時折発生。
```html:lib/demo_web/live/login/index.html.heex..html
<.form
let={f}
for={@changeset}
id="login-form"
phx-change="validate"
phx-submit="save">
<%= label f, :email, "Email" %>
<%= text_input f, :email %>
<%= error_tag f, :email %>
<%= label f, :password, "Password" %>
<%= password_input f, :password %>
<%= error_tag f, :password %>
<%= submit "Save", phx_disable_with: "Saving..." %>
```
## 原因
原因は **パスワードの入力値は再利用できない** とのことです。
これによってフォームのバリデーションチェックが走って `changeset` が返って来たタイミングで再利用できないため削除されてしまうようです。
* Form bindings — Phoenix LiveView v0.18.18 #Password inputs
## 対策
`changeset` の再設定時に**パスワードの値を変更しない**設定を入れることによって変更されなくなります。
具体的には `phx_update: "ignore"` を足して上げるだけで解決できます。
* DOM patching & temporary assigns — Phoenix LiveView v0.18.18
```html:lib/demo_web/live/login/index.html.heex..html {linenos=table,hl_lines=[13]}
<.form
let={f}
for={@changeset}
id="login-form"
phx-change="validate"
phx-submit="save">
<%= label f, :email, "Email" %>
<%= text_input f, :email %>
<%= error_tag f, :email %>
<%= label f, :password, "Password" %>
<%= password_input f, :password, phx_update: "ignore" %>
<%= error_tag f, :password %>
<%= submit "Save", phx_disable_with: "Saving..." %>
```
## 参考
* Form bindings — Phoenix LiveView v0.18.18 #Password inputs
* DOM patching & temporary assigns — Phoenix LiveView v0.18.18