Element Disappears In Dev Tools

Question

Scenario

I click on an element in the CSS styles tab of Chrome dev tools and then click the + symbol to add an instance of the selected element so I can make independent changes to it, this action creates an instance of the selected element (image 1).

Problem

When I click in-between the curly braces of the new instance of the element in the styles tab it then disappears (image 2).

Does anyone know why this his happening and how to prevent it? This doesn't happen when I follow the same procedure in FireFox and I've not encountered it before. It is also happening on every element.

Thanks,

Answer 1

This problem stopped happening when I updated my version of SASS.