UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/62.0.3202.94 Chrome/62.0.3202.94 Safari/537.36

Steps to reproduce the problem:
1. Open Chrome Dev Tools
2. Select any element on the page
3. Go to "Styles" tab
4. Add at least 2 styles to the element: for instance: {
 font-family: Roboto, sans-serif;
 font-size:2px;
}
5. Click on the first in the list style's value, in our case Roboto,sans-serif; to edit the value.
6. Add quotes around the value: "Roboto"
7. Hit enter or focus out to store the change
8. See that the next style, in our case font-size:2px; has disappeared

What is the expected behavior?
The styles under the edited style should remain.

What went wrong?
The next style after the edited style is removed

Did this work before? N/A 

Chrome version: 62.0.3202.94  Channel: stable
OS Version: 4.4.0-101-generic
Flash Version: 

Tested it in Ubuntu 16.04 and Windows 10. The bug appears in both Chrome and Chromium.
 

Deleted: Screenshot from 2017-12-06 11-28-39.png 52.3 KB

	Screenshot from 2017-12-06 11-28-39.png 52.3 KB View Download

Deleted: Screenshot from 2017-12-06 11-28-55.png 91.0 KB

	Screenshot from 2017-12-06 11-28-55.png 91.0 KB View Download

Deleted: Screenshot from 2017-12-06 11-29-03.png 84.2 KB

	Screenshot from 2017-12-06 11-29-03.png 84.2 KB View Download