Shapes editor works intermittently

[JeffryBooher]

1. Download and install the Brackets New Project Extension
2. File > New Project then select (Basic HTML5), give it a name and click OK
3. Once the new project is open, open a browser and navigate to http://codepen.io/adobe/pen/cdoei
4. Copy the first
   tag and it's children and paste it into your new project's index.html replacing the contents of the body tag.
5. Copy all of the styles from http://codepen.io/adobe/pen/cdoei and paste them into your styles.css file (appending them to the end)
6. Start live editing Should see a div with a hatched line around it and a circle inside it and another div with a solid line containing the text flowing around the circle.
7. Find border: 0.16em dashed #D06827; and delete the entire line. (hatched line in live preview should be removed.
8. Find -webkit-clip-path: circle(25% at 25% 50%); and put the cursor inside the circle(). The shapes editor should draw resize/drag interactions.
9. Resize the circle and make it larger.
10. Find shape-outside: circle(25% at 25% 50%); and put the cursor inside the circle() while the cursor is in -webkit-clip-path: circle(25% at 25% 50%);
    ==> shapes editor doesn't show a circle to edit.

After a few clicks around in the document then clicking on shape-outside: circle(25% at 25% 50%); does draw a circle with resize/drag interactions.

There may be a more simpler recipe to do this. I thought that since there was already a circle on screen when clicking inside the other circle that it was the problem. So I went back and created an empty project with just html and css and added shape-inside: circle() and I immediately got 2 circles. I never get that. Usually I have to click around quite a bit and make sure there are no CSS syntax errors to get the circle to draw in chrome. After that I found I was in a state where every new shape i added would draw on the page leaving the previous behind as well. I ended up with many shapes on the page but only of the shapes could be manipulated. It wasn't the first one, it wasn't the last one and changes to it didn't get written back to my css.

Looks like there is another pull request up from of the weekend that may fix this issue.

[njx]

@oslego Is it possible that this is somehow related to the issue of event listeners not getting cleaned up? I don't think so since the shape editors actually remove themselves from the DOM, I think, but just checking.

[JeffryBooher]

looks like this issue is fixed with #7424

[JeffryBooher]

Closing as it is fixed with #7424