class="Apple-style-span" should not be added by rich text editor
Reported by guillaum...@gtempaccount.com, Nov 27 2009
Chrome Version : 184.108.40.206 (Official Build 32475) URLs (if applicable) : Other browsers tested: Safari 4: FAIL Firefox 3.x: OK IE 7: OK IE 8: OK What steps will reproduce the problem? 1. Open Google Docs: https://docs.google.com/ 2. Create a new document: Create new -> document 3. Type a single word, such as "Test" 4. Select the word, and apply a yellow background color to it with the highlighter dropdown menu 5. Retrieve the generated HTML in Edit / Edit HTML What is the expected result? The generated HTML should be something like: <span style="background-color:#ffff00">Test</span><br> What happens instead? The generated HTML is cluttered with class="Apple-style-span" attributes: <font class="Apple-style-span"><span class="Apple-style-span" style="background-color:#ffff00">Test</span></font><br> The <font> tag seems added by Docs, but class="Apple-style-span" is definitely added by Chrome. This attribute seems useless and should not be added. FYI, here is the HTML generated when using other browsers: Safari 4.0 on Windows: <font class="Apple-style-span"><span class="Apple-style-span" style="background-color:#ffff00">Test</span></font><br> (same issue as Chrome) Firefox 3.0.15 on Windows: <font><span style="background-color: rgb(255, 255, 0);">Test</span></font><br> (no issue) IE 8: <FONT style="BACKGROUND-COLOR: #ffff00">Test</FONT><BR> (no issue)
Feb 9 2010,
This seems to be happening on Blogger as well. I am using Chromium dev build at home on Ubuntu 9.10 and Chrome (latest) at work on Win XP. The Apple tags appear for me as well. I'm fairly new to HTML editing so I was unsure what it was at first. Now, it's driving me crazy!
Feb 10 2010,
KXM1OV: The last poster couldn't have put it better: "It's driving me crazy!" (In fact a little web searching will show you it's driving dozens if not hundreds of people crazy.) So PLEASE, PLEASE fix this! And promptly post back here plans & status to fix it. The problem is when one copies from a an HTML page in Chrome, a lot of formatting is added in the HTML paste. For instance, copying the UNFORMATTED words "3 people starred this issue" from the page above and pasting it into latest MS Expression Web (3), * In latest Firefox & IE I get quote: "3 people starred this issue" * But in latest Chrome I get (brace yourself) quote: "<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; - webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text- stroke-width: 0px; font-size: medium; "><span class="Apple-style-span" style="font- family: arial, sans-serif; font-size: 13px; white-space: nowrap; ">3 people starred this issue</span></span>" --horrors of horrors! * And in latest Safari I get almost identical quote: "<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical- spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: 13px; white-space: nowrap; ">3 people starred this issue</span></span>" --horrors of horrors! I find it the WORST part about using Google Chrome (and Safari), indeed many times why I don't use it. In fact, because of it's incredible speed, I would be using Chrome as part of a new WYSIWYG editor extension I'm coding IF IT WEREN'T for this terrible thing it does to HTML pasted from it. And I am not alone. Google Search[Chrome apple-style-span] http://google.com/search? q=Chrome+apple-style-span will show you dozens of people are also appropriately pissed off. In fact it is gone so far there are several support tickets for the popular web editor FCKEditor (see http://google.com/search?q=Chrome+apple-style-span+ticket ) to strip out these codes automatically (for text pasted into it) as apparently folks at Google (and Safari) haven't gotten off their butt here and corrected this, which should be only changing a few lines of code! And even though the problem has seemingly been around since Chrome's first release! True the problem also occurs with Safari, so indeed it would appear (as I've read) to be from their shared component WebKit would seemingly affect many other browsers (see http://en.wikipedia.org/wiki/WebKit#Usage for a list); and Google Search[webkit apple- style-span] http://google.com/search?q=webkit+apple-style-span indeed finds a number of complaints of this. HOWEVER Chrome/Chromium & Safari could almost certainly easily filter this crap out with little trouble with a small bit of filter code (which happens when a Copy request is made), so there seems no excuse! And there may even be an option in WebKit to turn it off which the browser aren't using. So please fix! My guess is the intent is to capture in the paste the full original formatting, which it what appears to do. That's fine, but IT NEEDS TO BE OFF BY DEFAULT. It's impressive Chrome & Safari can do this & capture all these settings, but most of the time it's NOT what you want. Please promptly advise.
Feb 10 2010,
Just like to add that this isn't just happening when text is copied into the editor it also happens when new text is created.
Feb 25 2010,
This problem also exists in Google Chrome 5.0.307.7 beta on Mac OS X 10.6.2.
May 20 2010,
We're getting complaints of this happening in Google Chrome from the Blogger community as well: http://www.google.com/support/forum/p/blogger/thread? tid=6e3136657a70e154&hl=en I also found the Webkit bug for this here: https://bugs.webkit.org/show_bug.cgi? id=12248 Is this something we can look into?
May 20 2010,
I have started using Windows Live Writer which does not issue random html tags and is much easier to manage.
May 27 2010,
I was also able to repro this in Blogger and on Google Chrome version 220.127.116.114. Steps to repro: 1. Log into Blogger account 2. Click 'New post' 3. Copy formatted text from a webpage and paste in window of Compose tab 4. Click on 'Edit Html' tab 5. Notice that class="Apple-style-span" was added in the HTML code 6. Click back to the Compose tab 7. Notice that the rich text is now displaying incorrectly Other users complain that it sometimes cuts off a portion of what is being displayed.
May 31 2010,
Also happens on our tynyMCE based editor in Drupal. This behavior is not desired at all and as a webmaster/blogger, pretty much makes me want to go back to FireFox for my browser needs. the desired intent is to capture in the copy/paste the full original formatting WITHOUT changes. Google Chrome 6.0.408.1 (Official Build 47574) dev WebKit 534.0 V8 2.2.10
Jul 9 2010,
Jul 10 2010,
And what should your comment be, k...@chromium.org ?
Jul 12 2010,
Jul 21 2010,
Sep 25 2010,
This issue is still exist. It happen when users type fast and when users copy/paste into the editor.
Sep 27 2010,
Bug is also present and no workaround available inside CKeditor. It is really a pity because we have to restrict the editor to non-webkit based browsers...
Nov 1 2010,
Good to see I'm not the only one that is annoyed by this. When trying to blog in Chrome I have to switch to the raw HTML editor but usually I'll just switch back to Firefox to avoid this. It's too bad as besides this I will usually use Chrome. It really is a baffling issue to have to deal with.
Nov 1 2010,
Same problem when I copy a web excerpt to a gmail message. Message is full of cluttered class="Apple-style-span" ... (you can see with inspect tool) When you repeat copy/paste operations the message becomes so long that it's truncated. That's a really pity. I returned to Firefox and no problem at all. Firefox is still very superior.
Nov 9 2010,
I'ts a webkit issue, is this even possible to workaround in chromium?
Nov 11 2010,
Nov 16 2010,
I've stopped using Chrome for CMS editing - it's too frustrating having to manually remove the 'apple-style-span' span tag from pasted HTML.
Nov 21 2010,
I began blogging two days ago. I knew some html basics, and I was greatly taken aback by the "apple style span" crap that I kept encountering when trying to format text in Chrome. After spending hours figuring out how to successfully format my first post the other day, I started post #2 and then gave up on Chrome for blogging. Chrome has hamstrung my learning curve, and I will be using browsers that I can actually learn and properly use html on for my blogging needs in the future.
Nov 27 2010,
Nov 27 2010,
I get the <font class="Apple-style-span"> when doing regular Gmail composing. Whenever I write something, go up few lines, delete some words, type other words instead and do more stuff like that (without Copy/Paste at all) - people will get the message with different font sizes and the apple-style-span attached to some lines.
Dec 10 2010,
in fact.. this issue is draging my backoffice port from IE grrrr
Jan 31 2011,
So this is over a year-old now and it doesn't appear that anyone has identified if it really is a Webkit issue or a Chromium issue. Can anyone on the Chromium team confirm where the issue lies and whether anyone has worked with the Webkit developers on getting it fixed?
Jan 31 2011,
Correction: I missed the post from google-chrome-guide5 that references the WebKit bug. But that bug was reported way back in 2007 and is still marked as NEW and unassigned. So, any chance Google or the Chromium folks can help get it moving? Seems like Google would have a vested interest in this considering we can't even change the font from the default to Courier in Blogger with Chrome. Kind of a downer with the "Google suite."
Feb 19 2011,
I would love to see this fixed. There is no reason for the code to be added and it is a time waster to have to keep stripping it out.
Feb 21 2011,
OMG. I'm so glad someone has filed a bug about this. BUT REALLY REALLY SAD that this hasn't been fixed in past 2 years. Please fix this, please! It's driving me nuts!
Feb 26 2011,
This is driving me nuts as well. I have to copy into notepad to get any sensible blog entries. So now blog posts are a two step process. I hope it is fixed very soon. I'm also wondering if this is a problem caused by something other than Chrome. I don't recall it occurring a couple of months ago. If anyone can pin it down I and many others will be most grateful.
Feb 26 2011,
@sou... This problem has been there since 2009 when this thread started.
Mar 17 2011,
Can we have an official response from google on this please? It is completely unacceptable for this serious issue to remain unfixed. Thanks, Tom
Mar 25 2011,
Really? A 2 year old bug is still around? Why?
Mar 26 2011,
It stops me from using Chrome for much of anything.
Mar 29 2011,
cannot use chrome because of this
Mar 30 2011,
i could not use chrome as well exactly for that otherwise it would be the best for a while, and now same problem with Firefox 4, really embarrassing for me...
Mar 30 2011,
Because of this problem, I cannot use Chrome, but worst for YOU GOOGLE GUYS: I must install Firefox 3.6 instead of Chrome for all my clients! I own a web site development company and our CMS is not working properly because of that. If it were, I'd have Chrome installed in all my clients computers... It's hundreds of people! Wake up Google!!!
Mar 30 2011,
Because of this problem, I cannot use Chrome, but worst for YOU GOOGLE GUYS: I must install Firefox 3.6 instead of Chrome for all my clients! I own a web site development company and our CMS is not working properly because of that. If it were, I'd have Chrome installed in all my client's computers... It's hundreds of people! Wake up Google!!!
Mar 31 2011,
I'd really like to fix this bug as well but there are many cleanups we have to do before we can fix this issue. So it's likely to take another several months if not years.
Mar 31 2011,
YEARS!!?? Insane! This has been a reported bug going on 3 years now already.. It is a deal breaker for anyone who uses current CMS apps, does any web dev, and the like. Come on now, lets set the priority a bit higher then that, ok?
Apr 1 2011,
I agree, years is insane. We are not able to recommend chrome to our customers because of this, which i sad because of its awesome speed. But now when IE and FF are catching up speed wise it becomes difficult for us to even suggest chrome.
Apr 1 2011,
ok, pasting inside firefox 4 and IE9 seem alright as well ! (sorry for precedent post, 2 days ago) But if this may be of any help : Pasting the same text FROM CHROME TO FIREFOX did insert all the undesired code as well so maybe the problem comes from the "producer" of the pasted text, not the "receiver"... Good luck
Apr 22 2011,
Very serious bug. When I copy a portion of web page into Gmail, chrome hangs and sometimes crashes due to these crappy class="Apple-style-span" ...
May 3 2011,
I am also experiencing this bug in Hotmail. I switched to Chrome to get away from IE's (8 and 9) constant crashing. If IE gets a reliability update, I may switch back because of the "Apple-style-span" bug. At least Chrome doesn't crash all the time though!
May 13 2011,
I noticed similar behavior in WordPress GUI editor, with just a little diference: the "added" span is "<span style="font-size: medium;"><p style="display: inline !important;">" not just "apple-" one. But it seems to be fixed in the latest release of Chromium-Browser: 12.0.742.21 ... Can anyone confirm?
May 13 2011,
Not fixed.. The latest ver, 12.0.742.53 beta-m, still displays this unwanted behavior. example: <span style="border-collapse: collapse; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 17px; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px" class="Apple-style-span">Yes, yes, it was a Nintendo DS game that managed to outsell everything else in Japan this week—<i>Dragon Quest Monsters Joker 2 Professional</i>—but it was the continued strength of PSP hardware in Japan that seemed most impressive.<img style="border-style: initial; border-color: initial; border-width: 0px" [cut] Source: <p> Yes, yes, it was a Nintendo DS game that managed to outsell everything else in Japan this week—<i>Dragon Quest Monsters Joker 2 Professional</i>—but it was the continued strength of PSP hardware in Japan that seemed most impressive.<img src="/images/media_create_stats.png" width="176" [cut]
May 13 2011,
So it must be some different issue, that has been fixed. It seems to be related... So whatever it was, it has been already fixed. Thanks for great work all developers!
May 16 2011,
Not fixed. When using the rich text editor change font type and size. i have this <div style="text-align:left;display:block"><a href="https://sites.google.com/site/superlutein3/contact-us"><font class="Apple-style-span" face="verdana, sans-serif" size="3">Request for more information</font></a></div> looks like firefox is the better.
Jul 6 2011,
Seriously?? The bug still exists in the latest Chromium. I was using Ubuntu with Chromium and sent an email with Hotmail. The person who received the email looked at the source and wondered when I got a Mac because "Apple-style-span" does not sound like a Chromium thing. It's ugly and unprofessional. I vote it should still be fixed, even thought it's over 5 versions old now I think.
Jul 22 2011,
I can't believe it's still not fixed. Jeez. Someone should revisit their prio list.
Jul 28 2011,
Please fix this problem!! Really frustrating.
Aug 6 2011,
I'm new to HTML so am not sure what to do. Should I go through and manually remove some or all "Apple-style-span" attributes? Really appreciate suggestions. Thanks.
Aug 18 2011,
Ive got the same problem in WYSIWYG editor. Very annoying. I Use Ubuntu and Android, because Im a thinking man. I dont want to look like a brainless mac-consumer.
Sep 3 2011,
You can't remove it manually in blogger--it will just put it right back in after you publish. This is driving me nuts as I do not have time to go in and edit the html from the different blog authors on the blogs I manage. Come on Google, get with the program and fix this. I use Chrome and Blogger so things should just work perfectly.
Oct 8 2011,
Oh please, please this is a nightmare. I love chrome, it loads so fast but simply cannot use it for any html blog editing those apple spans are horrendous.
Oct 25 2011,
This issue has been fixed.
Oct 25 2011,
OK, Not quite fixed correctly.. Now NONE of the original formatting is copied/pasted.
Oct 27 2011,
Fixed? Really? I still get this problem when writing Wordpress blog posts.
Nov 10 2011,
Some people keep having the problem using Google Chrome (same version of a Chromium without the problem). Why? Thank you very much.
Oct 13 2012,
This issue has been closed for some time. No one will pay attention to new comments. If you are seeing this bug or have new data, please click New Issue to start a new bug.
Mar 11 2013,
Apr 6 2013,
Sign in to add a comment