Shape GUI is missing.

[IanMichaelOlsen]

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:

<style> .shape{ width: 400px; height: 400px; background-color: red; float: left; shape-outside: polygon(); } </style>

With no GUI.

Images available if needed.

[oslego]

@WeskerUMB Thanks for reporting this.

UPDATE: The problem is caused by enabling the Experimental Web Platform Features Flag on Chrome 38, which already has CSS Shapes enabled.

If you disable the flag on Chrome 38 in the Brackets LivePreview mode, the CSS Shapes Editor GUI should appear as expected. @WeskerUMB, please try this and confirm.

I've tried it on a Win 7 VM with Chrome Canary 38 + Brackets 42 and I can't reproduce the issue. Clicking inside the polygon() value launches the editor. Can you provide a test file?

A few notes:

• CSS Shapes are enabled by default since Chrome 37, there's no need to enable the Experimental features flag anymore (perhaps that's causing trouble)
• Prefixes seem to be dropped, so -webkit-shape-outside may not work. Unprefixed props work fine.

[IanMichaelOlsen]

Thank you very much for your quick support.
With your information I was able to troubleshoot some more and figure out where the error is.

It seems that in order for the Polygon tool to work I need to use it within the project folder.

[oslego]

Yes, the HTML file in LivePreview needs to link to the stylesheet in order for live editing to work in Brackets.