editable wallet name field disappearing

[kjozwiak]

Description

When you're editing the wallets name via the editable field, the entire field disappears when you select the entire name, press delete via the keyboard and move focus away from the editable field. When this happens, you'll need to click back on Wallets which will rename the wallet UNAMED. If you click on the wallet, the field will be back and you can try editing it again.

Steps to Reproduce

1. launch a version of brave that has ETH Wallet (currently using Eth-wallet rebased #14734)
2. enable ETH Wallet using about:preferences#ethwallet and restart the browser
3. create a new wallet via New ETH Wallet
4. once the new wallet has been created, click on the wallet
5. click on the editable field where the wallet name is displayed, select all the text and press delete via the keyboard (you should see the field disappear but can still see the pencil)
6. click anywhere on the page so you remove focus from the editable field and you'll notice the field has disappeared

• Example (turn on sound) - https://youtu.be/YBja9pliYt8

Actual result:

• Example (turn on sound) - https://youtu.be/YBja9pliYt8

Expected result:

The editable wallet name field shouldn't be disappearing.

Reproduces how often:

100% reproducible using the above STR.

Brave Version

about:brave info:

Brave: 0.25.0 
V8: 6.7.288.46 
rev: 200494df265755df5a4d391a50f9cddabd5c1b1e 
Muon: 7.1.6 
OS Release: 17.7.0 
Update Channel:  
OS Architecture: x64 
OS Platform: macOS 
Node.js: 7.9.0 
Brave Sync: v1.4.2 
libchromiumcontent: 67.0.3396.103

Reproducible on current live release:

No, not reproducible in the current live release as this feature hasn't been released.

Additional Information