1598686 - Copying and pasting CSS rules from Inspector is completely screwed up

Status: RESOLVED DUPLICATE of bug 1597125

(DevTools :: Inspector: Rules, defect)

Description

[yoni]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:70.0) Gecko/20100101 Firefox/70.0

Steps to reproduce:

Add CSS classes in browser to a DOM element.

Select classes in Inspector. [https://s.put.re/V1ZFLiF7.png]

Press Ctrl C OR right click "Copy Rule". [https://s.put.re/c6YrW1ZX.png]

Paste into a text editor

Actual results:

Very poor, broken formatting. [https://s.put.re/zCjf2gGF.png]

Expected results:

Formatted text according to browser. This is what it should look like; I've edited this myself: [https://s.put.re/BRchu6d8.png]

Comment 1

[yoni]

Attachment: firefox-bug.png

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Comment 3

[Razvan Caliman [:rcaliman]]

That's a harsh bug title. The color swatch introduces the unwanted newline before colors. The bug is already logged in Bug 1597125