Success! Looks like we've fixed this one. According to our records the fix was applied for a bug in our system in a recent build.
  1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    2
    Vote Rating
    0
    johnrb is on a distinguished road

      0  

    Default TextSprite rotation not working in IE8

    TextSprite rotation not working in IE8


    I am using Ext-GWT version 3.0 (specifically 3.0.0-rc), and am attempting to rotate some text via a TextSprite. It works fine in Google Chrome but not in Internet Explorer 8.


    Code:
    import com.google.gwt.core.client.EntryPoint;
    import com.google.gwt.user.client.ui.RootPanel;
    import com.sencha.gxt.chart.client.draw.DrawComponent;
    import com.sencha.gxt.chart.client.draw.sprite.TextSprite;
    import com.sencha.gxt.widget.core.client.container.Viewport;
        
    public class TextRotation implements EntryPoint {
        public void onModuleLoad() {
            TextSprite sprite = new TextSprite("Some text");
            sprite.setRotation(270);
            DrawComponent component = new DrawComponent();
            component.setViewBox(true);
            component.addSprite(sprite);
            Viewport vp = new Viewport();
            vp.add(component);
            RootPanel.get().add(vp);
        }
    }
    Using the IE developer tools to export the generated source produces the following. The text component is being created, but seems to be placed outside of the visible area:


    Code:
        
    <DIV style="WIDTH: 1268px; HEIGHT: 785px" class=GAOO-TBDNN>  <DIV style="WIDTH: 1268px; HEIGHT: 785px" __eventBits="100">
        <DIV style="WIDTH: 1268px; HEIGHT: 785px" class=x-vml-base>
          <?xml:namespace prefix = vml />
          <vml:shape style="Z-INDEX: 0" class="vml x-vml-sprite" coordsize = "21600,21600" filled = "t" fillcolor = "white" stroked = "f" path = " m0,0 l27388800,0,27388800,16956000,0,16956000 xe">
            <vml:skew class=vml on = "t" matrix = "935375f,0,0,935375f,0,0" offset = "34468954f,52315599f"></vml:skew>
            <vml:fill></vml:fill>
          </vml:shape>
          <vml:shape style="Z-INDEX: 10" class="vml x-vml-sprite" coordsize = "21600,21600" filled = "t" fillcolor = "black" stroked = "f" path = " m0,0 l1,0 e">
            <vml:skew class=vml on = "t" matrix = "0,935375f,-935376f,0,0,0" offset = "52315599f,-34468954f"></vml:skew>
            <vml:textpath style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-FAMILY: ; FONT-SIZE: 12px; v-text-align: left" class=vml on = "t" string = "Some text"></vml:textpath>
            <vml:path class=vml textpathok = "t"></vml:path>
            <vml:fill></vml:fill>
          </vml:shape>
        </DIV>
      </DIV>
    </DIV>
    <DIV style="POSITION: absolute; LINE-HEIGHT: normal; TEXT-TRANSFORM: none; FONT-STYLE: normal; FONT-FAMILY: null; LETTER-SPACING: normal; VISIBILITY: hidden; FONT-SIZE: 12px; TOP: -10000px; FONT-WEIGHT: 400; LEFT: -10000px"></DIV>
    If I then comment out the line "sprite.setRotation(270);" the non-rotated text displays fine. The generated HTML is exactly the same as above, except for the values for the "skew" entries. Diffs as follows:


    Code:
        10c10
    <         <vml:skew class=vml on = "t" matrix = "935375f,0,0,935375f,0,0" offset = "34468954f,52315599f"></vml:skew>
    ---
    >         <vml:skew class=vml on = "t" matrix = "1510899f,0,0,1510899f,0,0" offset = "1445363f,14325573f"></vml:skew>
    14c14
    <         <vml:skew class=vml on = "t" matrix = "0,935375f,-935376f,0,0,0" offset = "52315599f,-34468954f"></vml:skew>
    ---
    >         <vml:skew class=vml on = "t" matrix = "1510899f,0,0,1510899f,0,0" offset = "1445363f,14325573f"></vml:skew>
    Thanks.

  2. #2
    Sencha - GXT Dev Team BrendanC's Avatar
    Join Date
    Aug 2010
    Posts
    534
    Vote Rating
    3
    BrendanC is on a distinguished road

      0  

    Default


    TextSprite defaults to coordinates (0, 0) which is why 270 degrees moves it outside of the DrawComponent. You can either reposition the sprite or set it to TextAnchor.END to have appear inside the component.

  3. #3
    Sencha User
    Join Date
    Apr 2012
    Posts
    2
    Vote Rating
    0
    johnrb is on a distinguished road

      0  

    Default


    Thanks for the response Brendan.

    There is now a message at the top of the page saying "Looks like we can't reproduce the issue or there's a problem in the test case provided". What is the problem with the test case I provided, or in what way can it not be produced? I tried to cut it down to as simple a case as possible.

    I want to have the sprite as having a text anchor of TextAnchor.MIDDLE, as I want the text to be centred within its parent component. What co-ords should I be setting the sprite to?

    I'm still unsure why this does not work in IE as it does in Chrome. I assume it's differences in implementation between SVG and VML.

    The problem seems to be related to the fact that I want the sprite to be resizable when the window is resized, which is why the DrawComponent is placed inside a Viewport (this works fine in Chrome). If I do not use a Viewport then the text appears ok in Chrome and IE.

    Thanks.

  4. #4
    Sencha - GXT Dev Team BrendanC's Avatar
    Join Date
    Aug 2010
    Posts
    534
    Vote Rating
    3
    BrendanC is on a distinguished road

      0  

    Default


    Missed the view box line. This appears to be a bug in view box and or transformed text bounding box calculations for VML. Thanks for the report.

  5. #5
    Ext GWT Premium Member
    Join Date
    Jan 2011
    Posts
    1
    Vote Rating
    0
    ekim is on a distinguished road

      0  

    Default When might this be fixed ?

    When might this be fixed ?


    Hi Brendan,

    Would you share a guess for when this bug will be scheduled for repair?

    My application is suffering from the same problem.

    Regards,
    Mike

  6. #6
    Sencha - GXT Dev Team BrendanC's Avatar
    Join Date
    Aug 2010
    Posts
    534
    Vote Rating
    3
    BrendanC is on a distinguished road

      0  

    Default


    This has been fixed in SVN and will be in the next release.

  7. #7
    Sencha - GXT Dev Team BrendanC's Avatar
    Join Date
    Aug 2010
    Posts
    534
    Vote Rating
    3
    BrendanC is on a distinguished road

      0  

    Default


    GXT 3.0.1 has been released and contains this fix.

Thread Participants: 2

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi