[2.1][CLOSED] Firefox 3 and Grids

[rekam]

Hi all!

I've just tested some basic grids with Firefox 3, and it seems there're some funny things happening. Let's take this simple sample:

<div id="grid-test"></div>
<script type="text/javascript">
Ext.onReady(function(){

    var myData = [
        ['3m Co dlfk lskdlfklskdlfklek lkelkflsklfk lsdkfl ksdlfk lsdklf klsdkfl ksdlfk lsdkfl klsdkfl skdlf',71.72,0.02,0.03,'9/1 12:00am'],
        ['Alcoa Inc',29839849389483.01,0.42,1.47,'9/1 12:00am'],
        ['Altria Group Inc weio weofosd ofsdofoi osidofoq oqwdo qwdk lasdmdcnsjvbdjf werjqow jksadj k',83.81,0.28,0.34,'9/1 12:00am']
    ];


    // create the Grid
    var grid = new Ext.grid.GridPanel({
        store: new Ext.data.SimpleStore({
	        fields: ['company', 'price',  'change', 'pctChange', 'lastChange'],
	        data: myData
	    }),
        columns: [
            {id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company'},
            {header: "Price", width: 75, sortable: true, dataIndex: 'price'},
            {header: "Change", width: 75, sortable: true, dataIndex: 'change'},
            {header: "% Change", width: 75, sortable: true, dataIndex: 'pctChange'},
            {header: "Last Updated", width: 85, sortable: true, dataIndex: 'lastChange'}
        ],
        height: 200,
        width: 500,
        title:'Array Grid'
    });

    grid.render('grid-test');
});
</script>

You will see that columns width are all messed up. It's probably because of a Firefox3 bug in the CSS processor.

The "overflow: hidden" doesn't work in a TD if there's no width explicitely defined in the TD. Should it be possible to add this width during the creation of the grid?

source here: http://www.webdeveloper.com/forum/sh...d.php?t=184166

thanks
rekam

[Animal]

Fixed in SVN.

[methodz]

Can you post a patch, so we can resolve it without going to the SVN ver?

[nazica]

This path can be great for me too

[ifwdev]

Just pull the working ext-all copy from the examples page... they aren't going to leave their public facing examples broken

[Animal]

That's ext-all.css

[spextjs]

After replacing ext-all.css, when i checked in firefox 3, i did see that the distorting problem is resolved. however, in the grid, the previous, last, next....etc...images are not visible...

also...in our case, we have a grid with the first column as a rowexpander, the (+) sign in this column is not visible.

is there any work around to this?

attached is the image....

[Animal]

It's the new CSS which will use the new images.

[spextjs]

i didnt understand. can you please explain. do i need to make any more changes to make the images visible?
i also hear that extjs 2.1 solves the problem. this problem is existing with ext 2.0.

is that true? has anybody faced the issue before...

[rocee]

The source codes given were very useful and worked with my linkstar uk satellite.....
Thanks.....