DDTYPEKEY dropdown label not updating in Chrome

I have a very simple drop down menu with two values in a grid:

var thegrid = new drasticGrid('grid1', {pathimg: "DrasticTools/img/",
pagelength:50,
columns: [
{name: 'servings'},
{name: 'dietid', displayname: 'Diet', type: DDTYPEKEY, values:['1','3'], labels:['veg','fruit']},
{name: 'date'}
]
});

This works perfectly in IE8 and Firefox 3.6.10, but with Chrome the menu's label does not update to reflect the chosen value unless the choice is double-clicked. The value is updated in the database and the label displays correctly if the page is reloaded.

Will Chrome work with a single click in the menu like Firefox and IE?

Hi d hot,

Indeed we experience some strange behavior of the dropdown list in Chrome. not only with DDTYPEKEY but also with enums. It seems the data does correctly update in the database, so there is no data integrity failure, but indeed it seems the browser does not refresh the value correctly to the user. A manual refresh does always bring the correct state.

We'll put it on the wish list to have a look at for a next version. In the meantime if anybody has a solution, please post it here....

regards,

dd

I was able to work around this problem by adding the following line in drasticGrid.js, after restore_form's very first line with the IF statement:

obj.firstChild.removeEvents();

This will prevent the select element's change and blur from running simultaneously on Chrome and Safari, which is what I think is causing this issue. The select was doing its blur after it was already disposed of.

Hi Daniel,

That is great. Thanks for the notification of the fix!
We will include it in a new minor release as we also received some other suggestions to include.

thanks again,

dd

This fix for the Chrome browser is now included in the new minor release 0.6.20.
It can be downloaded from
drasticdata.nl/DDHome.php?m=3

regards, dd