Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-2355 in a recent build.
  1. #1
    Sencha User jep's Avatar
    Join Date
    Sep 2010
    Posts
    862
    Vote Rating
    21
    jep will become famous soon enough jep will become famous soon enough

      0  

    Default iconCls + showBy makes overlay appear shifted

    iconCls + showBy makes overlay appear shifted


    REQUIRED INFORMATION

    Ext version tested:
    • Sencha Touch 2.0 RC

    Browser versions tested against:
    • Chrome 17 on XP
    • iPad (1) Safari 5.1 (7534.48.3)

    DOCTYPE tested against:
    • <!DOCTYPE html>

    Description:
    • When used with a button with an iconCls set, showBy() shows farther from the button than it should.

    Steps to reproduce the problem:
    • Run test case

    The result that was expected:
    • All three popups should be the same distance from the toolbar

    The result that occurs instead:
    • Only the last popup is the right distance. The middle one is slightly further and the first one is much further.

    Test Case:

    Code:
    Ext.require([
        'Ext.Button',
        'Ext.Panel',
        'Ext.Toolbar'
    ]);
    
    Ext.setup({
        onReady: function () {
            var overlay;
    
            Ext.Viewport.add([
              {
                xtype:'panel',
                items:
                  {
                    xtype: 'toolbar',
                    docked: 'top',
                    items:[
                      {xtype:'spacer'},
                      {
                        iconCls:'user',
                        iconMask:true,
                        ui:'plain'
                      },
                      {xtype:'spacer'},
                      {
                        iconCls:'user',
                        iconMask:true
                      },
                      {xtype:'spacer'},
                      {
                        text: 'Show',
                        ui:'plain'
                      },
                      {xtype:'spacer'}
                    ]
                  }
              },
    
              {
                itemId:'overlay',
                xtype: 'panel',
                left: 0,
                top: 0,
                modal: false,
                hidden: true,
                hideOnMaskTap:true,
                height: 300,
                width: 200,
                html:'popup'
              },
              {
                itemId:'overlay2',
                xtype: 'panel',
                left: 0,
                top: 0,
                modal: false,
                hidden: true,
                hideOnMaskTap:true,
                height: 300,
                width: 200,
                html:'popup'
              },
              {
                itemId:'overlay3',
                xtype: 'panel',
                left: 0,
                top: 0,
                modal: false,
                hidden: true,
                hideOnMaskTap:true,
                height: 300,
                width: 200,
                html:'popup'
              }
            ]);
    
          Ext.Viewport.down('#overlay').showBy(Ext.ComponentQuery.query('.button')[0]);
          Ext.Viewport.down('#overlay2').showBy(Ext.ComponentQuery.query('.button')[1]);
          Ext.Viewport.down('#overlay3').showBy(Ext.ComponentQuery.query('.button')[2]);
        }
    });
    
    <!DOCTYPE html>
    
    <html>
      <head>
        <title>test</title>
        <link rel="stylesheet" href="../sencha-touch-2-rc/resources/css/sencha-touch.css" type="text/css">
        <script type="text/javascript" src="../sencha-touch-2-rc/sencha-touch-debug.js"></script>
        <script type="text/javascript" src="test.js"></script>
    </head>
    <body>
    </body>
    </html>


    HELPFUL INFORMATION


    Screenshot or Video:
    bug_overlays.jpg

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    35,704
    Vote Rating
    750
    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


    Thank you for the report and thank you for the great test case.
    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.

  3. #3
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    Good find. Fixed for the next release.
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

Thread Participants: 2

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar