Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-6137 in a recent build.
  1. #1
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    974
    Vote Rating
    110
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      0  

    Default [4.1.0] slideIn "tr" anchor doesn't work as expected.

    [4.1.0] slideIn "tr" anchor doesn't work as expected.


    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.1.0
    Browser versions tested against:
    • IE9
    • Chrome 18
    • FF 12
    DOCTYPE tested against:
    • Any
    Description:
    • I expect the following
      Code:
      el.slideIn("tr");
      will slide the element from top-rigth to bottom-left (ExtJS 3 behavior), but it slides from bottom-left to top-right.
    Steps to reproduce the problem:
    • Run the page
    • Click the Button
    The result that was expected:
    • The element should be slided from top-right to bottom-left.
    The result that occurs instead:
    • The element is slided from bottom-left to top-right.
    Test Case:

    Code:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>SlideIn Anchor Bug</title>
    
        <link type="text/css" rel="stylesheet" href="resources/css/ext-all.css" />
        
        <script type="text/javascript" src="ext-all.js"></script>
    
        <style type="text/css">
            .my-div {
                position: absolute;
                left: 100px;
                top: 100px;
                height: 200px;
                width: 200px;
                background-color: green;
            }
        </style>
    
        <script type="text/javascript">        
            Ext.onReady(function () {
                Ext.create("Ext.button.Button", {
                    renderTo  : Ext.getBody(),
                    text      : "slideIn",
                    listeners : {
                        click : {
                            fn : function () {
                                var el = Ext.get("my-div");
                                el.slideIn("tr");
                            }
                        }
                    }
                });
            });
        </script>
    </head>
    <body>
        <div id="my-div" class="my-div">
        </div>
    </body>
    </html>


    HELPFUL INFORMATION


    Debugging already done:
    • The "from-to" animation config seems to be configured properly. I was unable to discover the reason of the unexpected behavior.
    Possible fix:
    • not provided
    Operating System:
    • Windows 7 Home Premium

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,994
    Vote Rating
    846
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Thanks for the report.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1