New issue
Advanced search Search tips

Issue 661717 link

Starred by 0 users

Issue metadata

Status: Duplicate
Merged: issue 6122
Owner: ----
Closed: Nov 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 3
Type: Bug
RTL



Sign in to add a comment

text-transform: uppercase causes Arabic shaping break which it shouldn't

Project Member Reported by ebra...@gnu.org, Nov 2 2016

Issue description

Version: 54
OS: It is reproducible on other browsers of Mac, so it should be on other OSes I guess.

What steps will reproduce the problem?
data:text/html;charset=utf8,<style>div:first-letter { text-transform: uppercase; }</style><div>%D9%81%D8%A7%D8%B1%D8%B3%DB%8C</div>

What is the expected output?
first-letter uppercase shouldn't have any effect on Arabic script. It should have same result with
data:text/html;charset=utf8,<div>%D9%81%D8%A7%D8%B1%D8%B3%DB%8C</div>

What do you see instead?
First letter is broken which it shouldn't
ف‌ارسی

Just saw the issue here, https://www.libreoffice.org/download/libreoffice-fresh/ and the use seems to be fair for a regular web design.
As it is reproable on other browsers also, am not sure if this is a browser bug, specification or a local bug. I wanted to put this on https://www.w3.org/Bugs/ as well but that currently is suffering from some user login issue, at least for me, perhaps it should be posted on some w3c ML also which I am not familiar with also.
 

Comment 1 by ebra...@gnu.org, Nov 2 2016

Labels: RTL

Comment 2 by ebra...@gnu.org, Nov 2 2016

Labels: OS-All

Comment 3 by ebra...@gnu.org, Nov 3 2016

Cc: e...@chromium.org
Oh, how I missed CCing Emil? ...

Comment 4 by kojii@chromium.org, Nov 4 2016

CSS changed the process a while ago, issues should be posted https://github.com/w3c/csswg-drafts/issues/

Comment 5 by kojii@chromium.org, Nov 4 2016

Components: Blink>Fonts
Mergedinto: 6122
Status: Duplicate (was: Unconfirmed)
This one, however, isn't a spec issue, but fall into "shape across element boundary" category.

The :first-letter creates a pseudo element, so this is the same as:

<div>
  <span style="text-transform: uppercase">-first-letter-</span>
  -the rest of text
</div>

and we don't support shape across elements until issue 6122 is fixed.

The workaround until then should be to use "titlecase" instead of :first-letter.

Sign in to add a comment