1443151 - Shapes editor doesn't handle cases for clip-path and shape-outside on the same element

Status: VERIFIED FIXED

(DevTools :: Inspector, enhancement, P2)

Description

[Razvan Caliman [:rcaliman]]

This bug occurs as a result of the implementation for: https://bugzilla.mozilla.org/show_bug.cgi?id=1435373

Issues of shapes editor with co-existence of clip-path and shape-outside.

Steps:
- Run the following in the URL bar:
data:text/html;charset=utf-8,<style>.shape {background: red; width:300px; height: 300px; shape-outside: circle(25%); clip-path: circle(25%);}</style><div class="shape"></div>

- Open DevTools Inspector, select the div with class .shape
- Click swatch toggle next to shape-outside
- Click swatch toggle next to clip-path

Result:
Both swatches show as active. Editing the shape with the in-context editor maps changes initially to both property values, then updates the correct one.

Expected:
First swatch should show as disabled. Shape change values should map to the last selected property.

Comment 1

[Hani Yacoub, Desktop QA]

Build ID: 20180528091514
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0

Verified as fixed on Firefox Nightly 62.0a1 and Firefox 61.0b9  on Windows 10 x 64, Windows 7 x32, Mac OS X 10.12 and Ubuntu 16.04 x64.