Google Chrome Update - Issue with copying code from Inspector CSS
Google ChromeSublimetext3Google Chrome Problem Overview
I have no idea why this has started happening but it is very annoying...
Basically, now when I copy CSS from Google Chrome Inspector, it formats it as follows:
border-radius: 50%;
width: 26
px
;
height: 26
px
;
color: transparent;
margin: 0 auto;
padding: 0;
position: relative;
Instead of how it's always worked like so:
border-radius: 50%;
width: 26px;
height: 26px;
color: transparent;
margin: 0 auto;
padding: 0;
position: relative;
Any idea on why this is happening and how I can fix it?
EDIT: I think it's to do with the latest Chrome update...
It seems it now has an option to set which metric you want to use, i.e. PX, EM etc...
Can this be disabled somehow?
Google Chrome Solutions
Solution 1 - Google Chrome
It used to copy normally, now it takes those silly breaks.
I found this - https://support.google.com/chrome/a/answer/7125792
If you select CSS and Copy (Ctrl+C) it's broken, but if you use right-click > copy it's clean format.
//Hey, I have a solution. The Chromium developers have fixed it in the latest update .96 (it is not known when it will be stable) - until then, you just need to download Google Chrome Canary - it is fixed there. For now the stable version (with faulty CSS copying) is .95, please wait for the .96 update.
Solution 2 - Google Chrome
By reading the comments on the following bug report, I guess they're going to rollback this feature and go back to plaintext CSS editing.
https://bugs.chromium.org/p/chromium/issues/detail?id=1259088
Many people are complaining so we may have a setting in the future to enable/disable that.
Solution 3 - Google Chrome
using this method to disable css length problem.
You can disable it via the Settings > Experiments > Enable CSS length authoring tools in the Styles pane checkbox.
Solution 4 - Google Chrome
Try copying and paste in notepad ++ or bloc note before taking it to sublime text