Skip to content

Conversation

@riririn180904
Copy link
Collaborator

対応Issue

resolve #1973

概要

  • フォームを条件描画からcss切り替えに変更しました。
  • 既存データがある場合に渡していたフォーム初期値をuseMemo で生成する形に変更しました。

実装詳細

画面スクリーンショット等

テスト項目

  • 動作が変わっていないか
  • コピペしてもタブ推移や入力内容のリセットが起きないか

備考

@hikahana
Copy link
Contributor

今回のは調査からなので
問題、調査した事、そこからの仮定としての解決方法
PRの修正点
みたいな感じでこれのここが問題かもーーってなのを書けたら書いて欲しいです!!!!!!、!

@batcho0428
Copy link
Collaborator

@riririn180904
私の環境でテストしたところ同じ症状出ちゃってる感じでした。
ただ、私の環境だと電力申請以外でも同じ現象出ちゃってるので具体的な解決策がちょっとわからない状況です。
他に思い当たる部分あればテストしてもらえればと思います。
引き続きよろしくお願いします!

Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

このPRは、電力申請フォームでタブ切り替え時に入力内容がリセットされてしまう問題(#1973)を修正するものだよ〜✨

コピー&ペースト作業中にタブを切り替えると、フォームが再マウントされて入力中のデータが消えちゃうっていうユーザビリティ的にエグい問題があったんだよね😫 これを条件描画からCSS制御に変更することで、フォームのマウント状態を維持したまま表示/非表示を切り替えられるようにしたよ💪

Changes:

  • フォームの表示制御を条件描画({showForm && ...})からCSS制御(display: none)に変更して、タブ切り替え時のアンマウントを防止
  • フォーム初期値の生成をuseMemoでラップして、不要な再生成を抑制

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File Description
user/src/components/Applications/Power/hooks/usePowerApplication.ts フォーム初期値の生成をuseMemoでメモ化し、hasExistingとdevicesが変更された時のみ再生成するように最適化
user/src/components/Applications/Power/components/PowerFormView.tsx 条件描画からstyleプロパティでのdisplay制御に変更し、フォームのアンマウントを防止

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

電力申請でタブ推移問題の解決

4 participants