Bug 227648 – Web Inspector: Styles Redesign: Navigating from empty value back to name by clicking should persist CSS property

• Status: NEW
• Component: Web Inspector

[Harshil Ratnu]

currently, if the value field in a property is being edited and is empty and the user clicks away anywhere the entire property gets removed

expected, if the click was back into the name field of the same property then the property should still persist

use case: 
1) a user typed a property and went into the value field
2) before editing the value the user wants to go back to change the name of the property maybe because of a spelling error or just to type a different property
3) if this happens the property should still persist and not disappear entirely, providing a better user experience. 

Steps to reproduce:
1) Open a webpage (www.apple.com)
2) Inspect the page
3) In the styles panel add any new css property (eg. color)
4) Tab into the value field but do not enter anything for the value
5) click back into the name field of the same property
6) The entire property get's removed as soon as one clicks

[Radar WebKit Bug Importer]

<rdar://problem/80396805>