blob: 8b5ab495f3c8d7d72120927e63bfec618d80b47f (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
# Form Persisting Architecture
Since:
- The popup is torn down completely on every click outside of it.
- We have forms with multiple fields (like passwords & seed phrases) that might encourage a user to leave our panel to refer to a password manager.
We cause user friction when we lose the contents of certain forms.
This calls for an architecture of a form component that can completely persist its values to LocalStorage on every relevant change, and restore those values on reopening.
Whenever this class is loaded, it registers an `onChange` listener. On those events, it checks the target for a special ID attribute it listens for.
Let's say we call our class `PersistentForm`. So then we might check for a `persistent-form-id`.
|
