Shapes editor draws 2 circles in the browser when ther should be 1

[JeffryBooher]

1. Install the new project extension by @JeffryBooher
2. File > New Project and select "Basic HTML-5" project
3. Open styles.css
4. Start Live Preview
5. Open a new tab and open "Chrome://Flags" and turn on "Web Platform Features"
6. Quit Chrome and Restart Live Preview.
7. In styles.css, edit the body style and add "shape-outside: circle();"
   ==> chrome refreshes

NOTE: I started with adding shape-inside: circle(20 20); then going back to brackets when it didn't work trying shape-outside: circle(20, 20);. Then Raymond informed me to just try circle(); and put the cursor in the parenthesis and it worked but drew 2 circles for some reason.

Will try to figure out the steps a little more closely

[JeffryBooher]

Still no luck trying to find reproducible steps.

[RaymondLim]

@JeffryBooher and @oslego
I found out the recipe.

1. Live preview with a shape like circle(20 20).
2. Set cursor before ) and hit backspace to delete everything inside the parenthesis.
3. Switch back to Chrome. Then you will see two circles and the smaller is not the real one. You cannot drag or resize it.

[JeffryBooher]

@RaymondLim ! :)

[dangoor]

Reviewed medium priority to @RaymondLim to make sure that the PR is landed.