adobe-webplatform / brackets-css-shapes-editor Goto Github PK

We've had a few reports recently that this extension breaks Live Preview:

• adobe/brackets#9038
• https://groups.google.com/forum/?fromgroups#!searchin/brackets-dev/shapes/brackets-dev/72uta15RmrU/nl9lXAfta3cJ
• https://groups.google.com/forum/?fromgroups#!searchin/brackets-dev/shapes/brackets-dev/FMTmKnZ0K-k/k1bv5kcIbSEJ

Is this a known issue, or are there known cases that don't work?

Originally reported by @zhorvath in adobe/brackets#7962

Hi there,
I'm getting the following console error when trying to use shapes editor:

ConsoleAgent: shape-inside is not supported by this browser.
 Perhaps it is not enabled. See html.adobe.com/webplatform/enable in :21 /LiveDevelopment/Agents/ConsoleAgent.js:55
ConsoleAgent: -webkit-shape-inside is not supported by this browser.
 Perhaps it is not enabled. See html.adobe.com/webplatform/enable in :21 

We removed shape-inside support from WebKit&Blink in March (https://lists.webkit.org/pipermail/webkit-dev/2014-March/026391.html), since it's at Shapes Level 2. I recommend to remove the warning for shape-inside, since the release browsers won't have support for it in the foreseeable future.

1. Open https://gist.github.com/RaymondLim/11295241 in Brackets.
2. Start Live Preview.
3. Move </div> on line 22 to the end of line 15.
4. Set cursor inside the circle function on line 9.
5. Change shape-inside property to shape-outside.
6. Set cursor inside the circle function again.
7. Add float: left; on a new line before/after shape-inside property.
8. Set cursor inside the circle function again.
9. In browser move the shapes editor.

Result: You will see two or three of them.

Shapes GUI is missing from version 38 of Canary and version 36 of Chrome.
Bracket build: sprint 42 experimental build 0.42.0-13957 (release f9fcb884f)

chrome://flags/#enable-experimental-web-platform-features
Is enabled in both the local instance and the Brackets Live Preview instance.

OS: Win 7 Pro

I have attempted to use:

With no GUI.

Images available if needed.