<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://www.w3.org/Bugs/Public/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4"
          urlbase="https://www.w3.org/Bugs/Public/"
          
          maintainer="sysbot+bugzilla@w3.org"
>

    <bug>
          <bug_id>15755</bug_id>
          
          <creation_ts>2012-01-27 20:17:49 +0000</creation_ts>
          <short_desc>Inline boxes should be transformable too</short_desc>
          <delta_ts>2012-01-30 20:51:18 +0000</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>CSS</product>
          <component>Transforms</component>
          <version>unspecified</version>
          <rep_platform>All</rep_platform>
          <op_sys>All</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>WONTFIX</resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P2</priority>
          <bug_severity>normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Aryeh Gregor">ayg</reporter>
          <assigned_to name="Simon Fraser">smfr</assigned_to>
          <cc>cmarrin</cc>
    
    <cc>dbaron</cc>
    
    <cc>dino</cc>
    
    <cc>dschulze</cc>
    
    <cc>eoconnor</cc>
          
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>63209</commentid>
    <comment_count>0</comment_count>
    <who name="Aryeh Gregor">ayg</who>
    <bug_when>2012-01-27 20:17:49 +0000</bug_when>
    <thetext>&quot;&quot;&quot;
transformable element
A transformable element can either be a block-level or atomic inline-level element, not splitted into multiple inline-level boxes, from the HTML namespace, or an element which has the attributes ‘transform’, ‘patternTransform’ or ‘gradientTransform’ in the SVG namespace (see [SVG11]).
&quot;&quot;&quot;
http://dev.w3.org/csswg/css3-transforms/#TermTransformableElement

Test-case:

data:text/html,&lt;!doctype html&gt;
&lt;div style=width:100px&gt;
&lt;span style=transform:translatex(50px)&gt;
The quick brown fox jumped over the lazy dog
&lt;/span&gt;
&lt;/div&gt;

In IE9, Firefox 12.0a1, and Opera Next 12.00 alpha, the transform works fine.  In Chrome 17 dev, the transform doesn&apos;t work.  I suggest the restriction be lifted, so any element can be transformed.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>63216</commentid>
    <comment_count>1</comment_count>
    <who name="Simon Fraser">smfr</who>
    <bug_when>2012-01-28 07:58:36 +0000</bug_when>
    <thetext>This was discussed at some length at a F2F meeting. The issue with transforming line boxes is how to treat split boxes. There is no good answer that matches author expectation.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>63341</commentid>
    <comment_count>2</comment_count>
    <who name="Aryeh Gregor">ayg</who>
    <bug_when>2012-01-30 16:51:22 +0000</bug_when>
    <thetext>Can you give an example where it&apos;s not clear what browsers should do?  Why isn&apos;t it enough to say that everything is laid out as it normally would be, then transforms are applied to whatever parts of line boxes are transformed?  This is how relative positioning works for inline elements, no?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>63344</commentid>
    <comment_count>3</comment_count>
    <who name="Simon Fraser">smfr</who>
    <bug_when>2012-01-30 18:33:30 +0000</bug_when>
    <thetext>Consider &lt;span style=&quot;transform: rotate(10deg)&quot;&gt;Here is&lt;br&gt;some text&lt;/span&gt;.

Do you rotate the two line boxes as one, or rotate them individually? What&apos;s the transform-origin?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>63346</commentid>
    <comment_count>4</comment_count>
    <who name="Aryeh Gregor">ayg</who>
    <bug_when>2012-01-30 19:05:39 +0000</bug_when>
    <thetext>Ah, I see.  Good catch.  Browsers are indeed not interoperable here.  For instance, if you try this:

  Suddenly everything
  &lt;span style=&quot;transform:rotate(180deg);transform-origin:50% 58%&quot;&gt;
  turned&lt;br&gt;upside-down&lt;/span&gt;!

IE and Opera mangle it badly, and only Gecko gets the intended effect.  On the other hand, if you do

  Suddenly everything
  &lt;span style=&quot;display:inline-block;transform:rotate(180deg);
  transform-origin:50% 58%&quot;&gt;turned&lt;/span&gt;
  &lt;br&gt;
  &lt;span style=&quot;display:inline-block;transform:rotate(180deg);
  transform-origin:50% 58%&quot;&gt;upside-down&lt;/span&gt;!

then it works roughly as intended in all browsers.  So I have no problem with saying transforms have no effect on non-replaced inline elements.  If we have good use-cases and someone comes up with a definition that works, we could define behavior at that point.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>63356</commentid>
    <comment_count>5</comment_count>
    <who name="Simon Fraser">smfr</who>
    <bug_when>2012-01-30 20:51:18 +0000</bug_when>
    <thetext>Sounds good.</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>