"text-transform: capitalize" needs to understand word boundaries




Layout: Text
15 years ago
5 years ago


(Reporter: Travis Seitler, Unassigned)



Firefox Tracking Flags

(Not tracked)




(2 attachments)



15 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4b) Gecko/20030516 Mozilla Firebird/0.6
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4b) Gecko/20030516 Mozilla Firebird/0.6

near the bottom of the page, the heading 'What are "small and disadvantaged
businesses"?' has the 'text-transform: capitalize' rule applied, and so it
should appear as:

What Are "Small And Disadvantaged Businesses"?

In Firebird 0.6, the word "small" is not capitalized.  It appears that Firebird
sees the quote character as the first letter of the word, and tries to
"capitalize" the quote instead of the character following it.

Reproducible: Always

Steps to Reproduce:
1. Visit page with text-transform: capitalize applied to text within quotes,
such as
Actual Results:  
The heading appeared as:

What Are "small And Disadvantaged Businesses"?

Expected Results:  
Recognize that the quote character is not a letter, and capitalize the letter
following it instead.

Comment 1

15 years ago
Not a Mozilla Firebird-specific bug. It's most probably a (known?) Gecko bug.
Assignee: blaker → font
Component: General → Layout: Fonts and Text
Product: Phoenix → Browser
QA Contact: asa → ian
Version: unspecified → Trunk

Comment 2

15 years ago
Well, the bug is confirmed in Mozilla too (build 2003060503 on Mac OS X 10.2.6),
but I can't find any comments in the CSS-spec about it. It must be a cultural
thing too, but I think that skipping any " or ' prefix might be ok. Maybe other
characters too ?

The code that has to be changed is in
(search for NS_STYLE_TEXT_TRANSFORM_CAPITALIZE). We might need something like :

static void
AsciiToTitleCase(unsigned char* aText, PRInt32 aWordLen)
   while (aWordLen-- > 0) {
     if ( (*aText == '"') || (*aText == '\'') )
     *aText = toupper(*aText);

and we'll have to fix nsCaseConversionImp2::ToTitle() too (see
Ever confirmed: true
IIRC, there should already be code to achieve the same effect with :first-letter
(ensuring that a letter following a punctuation character gets the :first-letter
style), although I think it's only semi-funcitonal right now. Sharing that code
should probably be investigated.


15 years ago
Priority: -- → P4
Target Milestone: --- → Future

Comment 4

14 years ago
It isn't only quotation marks.  Capitalization also fails to occur after other
punctuation such as a period or an open parenthesis.  

For examples see:



14 years ago
Summary: "text-transform: capitalize" misses first word within quotes → "text-transform: capitalize" needs to understand word boundaries
*** Bug 273360 has been marked as a duplicate of this bug. ***
*** Bug 345456 has been marked as a duplicate of this bug. ***


12 years ago
Severity: trivial → minor
OS: Windows 2000 → All
Hardware: PC → All

Comment 7

10 years ago
Created attachment 318406 [details]
test case

The present code is structured rather differently, and I'm not at all sure how it manages to work - but it does the Right Thing for all the examples I can find, except arguably "c.a.g.e" -> "C.a.g.e" (and not "C.A.G.E") - I attach a test case and reference.

Comment 8

10 years ago
Created attachment 318407 [details]
reference rendering
Assignee: layout.fonts-and-text → nobody
QA Contact: ian → layout.fonts-and-text

Comment 9

7 years ago
Any status on this bug? It works for most layouts, but still not working properly for some instances, such as the example above c.a.g.e -> still gives C.a.g.e (should be C.A.G.E) as well as super-size -> gives Super-size (should be Super-Size).

Appears to work properly in Safari 5 and Chrome 6.

Maybe a simple workaround might be to just add a check for a few specific, common symbols and punctuation until a proper fix can be written.

Comment 10

5 years ago
< - BUMP ? - >

Still not working in some instances for FF v 17.0.1.

Example: 6-figure ...should be... 6-Figure

IDEA ? (I'm not a coder, outside of HTML/PHP/JavaScript ;-)
but hopefully what I write will make sense to a coder...

There are only 26 lowercase characters on the English keyboard.
What about checking something along the lines of:

if ("abcdefghijklmnopqrstuvwxyz").indexOf(theFirstLetter) == 0) //if the first char is lowercase
    { upperCase(%TheFirstLetter); }

Granted, this may be more difficult in other languages and may be processor heavy.
Just an idea.

Thanks for your great work!
You need to log in before you can comment on or make changes to this bug.