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
    5,030
    Vote Rating
    185
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


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

Thread Participants: 1

Tags for this Thread