Options doesn't work with listen() nor updateDisplay() and can't deduce value from member

[Sairony]

Here's a fiddle with the problem, pasted here for completeness sake:

var gui = new dat.GUI( );

var testObj = { 'options': [] }

// Default can't be deduced from testObj.options as with other values?
gui.add( testObj, 'options', [] ).listen();

testObj.options.push( 'someArg' ); // Options doesn't update

for (var i in gui.__controllers) // Neither does this
	gui.__controllers[i].updateDisplay();

[TinyRobot19]

Is the problem that the options are not updating? The testObj, is supposed to contain default values and not the actual options.

Here is the code to make them update. Fiddle

var gui = new dat.GUI( );

var testObj = {
  'fruit': 'apple', // default value, not options
  'Update Options': updateOptions // functions will display a button
};

var options = ['banana', 'apple', 'orange']; // starting options

var fruit = gui.add(testObj, 'fruit', options);
var button = gui.add(testObj, 'Update Options');

function updateOptions() {
  options.push('pineapple', 'mango'); // add options
  options.splice(1, 1); // remove option
  options[1] = 'watermelon'; // change option

  testObj.fruit = 'mango'; // change default

  fruit.remove(); // remove controller

  fruit = gui.add(testObj, 'fruit', options); // re add controller with updated options
}

Notice how when you click the button, the order of the controllers change. This is because the code removes and then re-adds the controller with the new options