New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.
Starred by 64 users

Issue metadata

Status: Fixed
Owner: ----
Closed: Oct 2011
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Bug

Restricted
  • Only users with Commit permission may comment.



Sign in to add a comment

class="Apple-style-span" should not be added by rich text editor

Reported by guillaum...@gtempaccount.com, Nov 27 2009

Issue description

Chrome Version       : 4.0.249.4 (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)
 
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!
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.
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.
This problem also exists in Google Chrome 5.0.307.7 beta on Mac OS X 10.6.2. 
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?
I have started using Windows Live Writer which does not issue random html tags and is 
much easier to manage.

Comment 7 by jtan@chromium.org, May 27 2010

Status: Untriaged
I was also able to repro this in Blogger and on Google Chrome version 4.1.249.1064. 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. 

Comment 8 by ppnst...@gmail.com, 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

Comment 9 by kerz@chromium.org, Jul 9 2010

Labels: -Area-Misc Area-WebKit WebKit-Core
And what should your comment be,  k...@chromium.org ?

Comment 11 by karen@chromium.org, Jul 12 2010

Labels: Mstone-X googleapps

Comment 12 by karen@chromium.org, Jul 21 2010

Status: Available
This issue is still exist. It happen when users type fast and when users copy/paste into the editor. 
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...
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.
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.




I'ts a webkit issue, is this even possible to workaround in chromium?

Comment 18 by Deleted ...@, Nov 11 2010

Dudes... it sucks! I tested other browsers and no one at all added more things to pasted text. Please fix that quickly. Developers rely on WYSIWYG features to let inexpedience users put format on texts. But we must save coding time and database space. Please!!!

www.othys.com
www.othys.com.br

Comment 19 by lowor...@gmail.com, 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.
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.

Comment 21 by Deleted ...@, Nov 27 2010

Bump.
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.
in fact.. this issue is draging my backoffice port from IE
grrrr
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?
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."
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.

Comment 27 by orz....@gmail.com, 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!

Comment 28 by sou...@gmail.com, 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.
@sou...

This problem has been there since 2009 when this thread started. 
Can we have an official response from google on this please?

It is completely unacceptable for this serious issue to remain unfixed.

Thanks,
Tom

Comment 31 by Deleted ...@, Mar 25 2011

Really?  A 2 year old bug is still around?  Why?

Comment 32 by Deleted ...@, Mar 26 2011

It stops me from using Chrome for much of anything.

Comment 33 by Deleted ...@, Mar 29 2011

cannot use chrome because of this

Comment 34 by Deleted ...@, 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...

Comment 35 by Deleted ...@, 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!!!

Comment 36 by Deleted ...@, 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!!!

Comment 37 by rniwa@chromium.org, 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.

Comment 38 by ppnst...@gmail.com, 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?

Comment 39 by Deleted ...@, 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.

Comment 40 by Deleted ...@, 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


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" ...

Comment 42 by Deleted ...@, 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!

Comment 43 by Deleted ...@, 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?

Comment 44 by ppnst...@gmail.com, 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]

Comment 45 by Deleted ...@, 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!

Comment 46 by Deleted ...@, 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.
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.

Comment 48 by Deleted ...@, Jul 22 2011

I can't believe it's still not fixed. Jeez. Someone should revisit their prio list.

Comment 49 by Deleted ...@, Jul 28 2011

Please fix this problem!! Really frustrating.

Comment 50 by Deleted ...@, 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.
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.

Comment 52 by Deleted ...@, 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.
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.

Comment 54 by rniwa@chromium.org, Oct 25 2011

Cc: jparent@chromium.org sullivan@chromium.org tkent@chromium.org le...@chromium.org ojan@chromium.org
Status: Fixed
This issue has been fixed.

Comment 55 by ppnst...@gmail.com, Oct 25 2011

OK, Not quite fixed correctly..
Now NONE of the original formatting is copied/pasted.

Comment 56 by Deleted ...@, Oct 27 2011

Fixed? Really? I still get this problem when writing Wordpress blog posts.

Comment 58 by Deleted ...@, 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.
Project Member

Comment 59 by bugdroid1@chromium.org, Oct 13 2012

Labels: Restrict-AddIssueComment-Commit
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.
Project Member

Comment 60 by bugdroid1@chromium.org, Mar 11 2013

Labels: -Area-WebKit -WebKit-Core Cr-Content Cr-Content-Core
Project Member

Comment 61 by bugdroid1@chromium.org, Apr 6 2013

Labels: -Cr-Content Cr-Blink

Sign in to add a comment