You found a bug! We've classified it as EXTJS-9799 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Mar 2008
    Posts
    1
    Vote Rating
    0
    metroo-ir is on a distinguished road

      0  

    Default Tooltip bug in RTL app

    Tooltip bug in RTL app


    in MVC app when add tooltip to any RTL object , preview have a problem in position of tooltip , and tooltip not near of object
    sample app attach to post

    *EDIT BY SLEMMON
    tested in 4.2 and 4.2.1.846

    inline test
    Code:
    Ext.define('MyApp.view.MyViewport', {
        extend: 'Ext.container.Viewport',
    
    
        rtl: true,
        generate : function(n ,floor){
            var data = [],
            p = (Math.random() *  11) + 1,
            i;
            floor = (!floor && floor !== 0)? 20 : floor;
            for (i = 0; i < (n || 12); i++) {
                data.push({
                    name: Ext.Date.monthNames[i % 12],
                    data1: Math.floor(Math.max((Math.random() * 100), floor)),
                    data2: Math.floor(Math.max((Math.random() * 100), floor)),
                    data3: Math.floor(Math.max((Math.random() * 100), floor)),
                    data4: Math.floor(Math.max((Math.random() * 100), floor)),
                    data5: Math.floor(Math.max((Math.random() * 100), floor)),
                    data6: Math.floor(Math.max((Math.random() * 100), floor)),
                    data7: Math.floor(Math.max((Math.random() * 100), floor))
                });
            }
            data1 = data;
            return data;
        },
        initComponent: function() {
            var me = this;
    
    
            Ext.applyIf(me, {
                items: [
                    {
                        xtype: 'panel',
                        height: 65,
                        
                        layout: {
                            type: 'column'
                        },
                        title: 'My Panel',
                        items: [
                            {
                                xtype: 'button',
                                text: 'MyButton',
                                tooltip: 'test'
                            }
                        ]
                    },
                    {
                        xtype: 'panel',
                        height: 419,
                        title: 'My Panel',
                        items: [
                            {
                                xtype: 'chart',
                                height: 371,
                                width: 600,
                                animate: true,
                                insetPadding: 20,
                store:  Ext.create('Ext.data.JsonStore', {
                    fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5', 'data6', 'data7', 'data9', 'data9'],
                    data: me.generate()
                }),
                axes: [{
                    type: 'Numeric',
                    position: 'left',
                    fields: ['data1'],
                    label: {
                        renderer: Ext.util.Format.numberRenderer('0,0')
                    },
                    title: 'Number of Hits',
                    grid: true,
                    minimum: 0
                }, {
                    type: 'Category',
                    position: 'bottom',
                    fields: ['name'],
                    title: 'Month of the Year'
                }],
                series: [{
                    type: 'column',
                    axis: 'left',
                    highlight: true,
                    tips: {
                      trackMouse: true,
                      width: 140,
                      height: 28,
                      renderer: function(storeItem, item) {
                        this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data1') + ' $');
                      }
                    },
                    label: {
                      display: 'insideEnd',
                      'text-anchor': 'middle',
                        field: 'data1',
                        renderer: Ext.util.Format.numberRenderer('0'),
                        orientation: 'vertical',
                        color: '#333'
                    },
                    xField: 'name',
                    yField: 'data1'
                }]
                            }
                        ]
                    }
                ]
            });
    
    
            me.callParent(arguments);
        }
    
    
    });
    
    
    Ext.create('MyApp.view.MyViewport');
    Attached Files
    Last edited by slemmon; 10 May 2013 at 7:24 AM. Reason: additional test case notes and inline example

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,062
    Vote Rating
    215
    slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

Thread Participants: 1

Tags for this Thread