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
<rdar://problem/80396805>