Firebug deletes webkit and other properties when copying all the css

18 views
Skip to first unread message

Cesar Daniel Moro

unread,
Jun 16, 2014, 2:55:29 PM6/16/14
to fir...@googlegroups.com
hi guys im using firefox and firebug and after edit my css i always copy all the edited css from the css tab, but this bug started to happen
all my webkit css is being deleted, im my css style i have this:
.block-animated.b {
    background
: rgb(255,127,0); /* Old browsers */
background
: -moz-linear-gradient(top,  rgba(255,127,0,1) 0%, rgba(255,127,0,1) 34%, rgba(241,121,0,1) 45%, rgba(228,114,0,1) 63%, rgba(221,111,0,1) 75%, rgba(217,109,0,1) 91%, rgba(219,108,0,1) 98%, rgba(217,109,0,1) 99%, rgba(169,114,58,1) 100%); /* FF3.6+ */
background
: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,127,0,1)), color-stop(34%,rgba(255,127,0,1)), color-stop(45%,rgba(241,121,0,1)), color-stop(63%,rgba(228,114,0,1)), color-stop(75%,rgba(221,111,0,1)), color-stop(91%,rgba(217,109,0,1)), color-stop(98%,rgba(219,108,0,1)), color-stop(99%,rgba(217,109,0,1)), color-stop(100%,rgba(169,114,58,1))); /* Chrome,Safari4+ */
background
: -webkit-linear-gradient(top,  rgba(255,127,0,1) 0%,rgba(255,127,0,1) 34%,rgba(241,121,0,1) 45%,rgba(228,114,0,1) 63%,rgba(221,111,0,1) 75%,rgba(217,109,0,1) 91%,rgba(219,108,0,1) 98%,rgba(217,109,0,1) 99%,rgba(169,114,58,1) 100%); /* Chrome10+,Safari5.1+ */
background
: -o-linear-gradient(top,  rgba(255,127,0,1) 0%,rgba(255,127,0,1) 34%,rgba(241,121,0,1) 45%,rgba(228,114,0,1) 63%,rgba(221,111,0,1) 75%,rgba(217,109,0,1) 91%,rgba(219,108,0,1) 98%,rgba(217,109,0,1) 99%,rgba(169,114,58,1) 100%); /* Opera 11.10+ */
background
: -ms-linear-gradient(top,  rgba(255,127,0,1) 0%,rgba(255,127,0,1) 34%,rgba(241,121,0,1) 45%,rgba(228,114,0,1) 63%,rgba(221,111,0,1) 75%,rgba(217,109,0,1) 91%,rgba(219,108,0,1) 98%,rgba(217,109,0,1) 99%,rgba(169,114,58,1) 100%); /* IE10+ */
background
: linear-gradient(to bottom,  rgba(255,127,0,1) 0%,rgba(255,127,0,1) 34%,rgba(241,121,0,1) 45%,rgba(228,114,0,1) 63%,rgba(221,111,0,1) 75%,rgba(217,109,0,1) 91%,rgba(219,108,0,1) 98%,rgba(217,109,0,1) 99%,rgba(169,114,58,1) 100%); /* W3C */
filter
: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f00', endColorstr='#a9723a',GradientType=0 ); /* IE6-9 */
}


gradient background crossbrowser, then i edit with firebug another stuff, then copy from firebug ctrl + c then i paste in my css and all webkit and other browsers code get deleted getting some like this:
.block-animated.b {
background
: linear-gradient(to bottom,  rgba(255,127,0,1) 0%,rgba(255,127,0,1) 34%,rgba(241,121,0,1) 45%,rgba(228,114,0,1) 63%,rgba(221,111,0,1) 75%,rgba(217,109,0,1) 91%,rgba(219,108,0,1) 98%,rgba(217,109,0,1) 99%,rgba(169,114,58,1) 100%); /* W3C */
}
so in safary my gradient background see black, this happen with all non firefox compatible tags, is this fixeable ? do you have a config to disable this and copy all the css  including this tags and coments ?
chrome developer tools does this right, but i prefer firebug, please help


hi guys i always develop with firebug and i can't live wiout firebug.
my bug is the next:



Sebastian Zartner

unread,
Jun 17, 2014, 12:39:40 AM6/17/14
to fir...@googlegroups.com
Firebug currently only displays CSS properties Firefox doesn't know within the Source Edit Mode of the CSS panel.
There is already a related issue for displaying erroneous CSS within the Style side panel, though you should create a separate feature request for the CSS panel.

Sebastian


On Monday, June 16, 2014 1:55:29 PM UTC-5, Cesar Daniel Moro wrote:
hi guys im using firefox and firebug and after edit my css i always copy all the edited css from the css tab, but this bug started to happen
all my webkit css is being deleted, im my css style i have this:
.block-animated.b {
    background
: rgb(255,127,0); /* Old browsers */
background
: -moz-linear-gradient(top,  rgba(255,127,0,1) 0%, rgba(255,127,0,1) 34%, rgba(241,121,0,1) 45%, rgba(228,114,0,1) 63%, rgba(221,111,0,1) 75%, rgba(217,109,0,1) 91%, rgba(219,108,0,1) 98%, rgba(217,109,0,1) 99%, rgba(169,114,58,1) 100%); /* FF3.6+ */
background
: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,127,0,1)), color-stop(34%,rgba(255,127,0,1)), color-stop(45%,rgba(241,121,0,1)), color-stop(63%,rgba(228,114,0,1)), color-stop(75%,rgba(221,111,0,1)), color-stop(91%,rgba(217,109,0,1)), color-stop(98%,rgba(219,108,0,1)), color-stop(99%,rgba(217,109,0,1)), color-stop(100%,rgba(169,114,58,1))); /* Chrome,Safari4+ */
background
: -webkit-linear-gradient(top,  rgba(255,127,0,1) 0%,rgba(255,127,0,1) 34%,rgba(241,121,0,1) 45%,rgba(228,114,0,1) 63%,rgba(221,111,0,1) 75%,rgba(217,109,0,1) 91%,rgba(219,108,0,1) 98%,rgba(217,109,0,1) 99%,rgba(169,114,58,1) 100%); /* Chrome10+,Safari5.1+ */
background
: -o-linear-gradient(top,  rgba(255,127,0,1) 0%,rgba(255,127,0,1) 34%,rgba(241,121,0,1) 45%,rgba(228,114,0,1) 63%,rgba(221,111,0,1) 75%,rgba(217,109,0,1) 91%,rgba(219,108,0,1) 98%,rgba(217,109,0,1) 99%,rgba(169,114,58,1) 100%); /* Opera 11.10+ */

background
: -ms-linear-gradient(top,  rgba(255,127,0,1) 0%,rgba(255,127,0,1) 34%,rgba(241,121,0,1) 45%,rgba(<span style=
...
Reply all
Reply to author
Forward
0 new messages