group and item donot match. about react-calendar-timeline

[FridaCai]

I fix it in this way. it works for me and no new issue found so far :)

if (force) {
    // reset top position of all items
    for (i = 0, iMax = items.length; i < iMax; i++) {
      items[i].dimensions.top = null
    }
  }

var sortArr = (function sortItemByGroupOrder(_groupOrders){
  //create arr. each element is obj{key:'', value:''}
  var tmpArr = [];

  for(var key in _groupOrders) {
    var value = _groupOrders[key];
    tmpArr.push({key: key, value: value});
  }

  tmpArr.sort(function(obj1, obj2){
    return obj1.value - obj2.value;
  })

  return tmpArr;
})(groupOrders);


for(var index = 0; index < sortArr.length; index ++ ){
    var key = sortArr[index].value;
    var group = groupedItems[key] || []

[JK82]

Hi, I'm having the same issue. Can you elaborate on your code or post the rest? Thanks

[FridaCai]

Hi JK82, I add some code in timeline/lib/utils.js

if (force) {
// reset top position of all items
for (i = 0, iMax = items.length; i < iMax; i++) {
items[i].dimensions.top = null
}
}

var sortArr = (function sortItemByGroupOrder(_groupOrders){
//create arr. each element is obj{key:'', value:''}
var tmpArr = [];

for(var key in _groupOrders) {
var value = _groupOrders[key];
tmpArr.push({key: key, value: value});
}

tmpArr.sort(function(obj1, obj2){
return obj1.value - obj2.value;
})

return tmpArr;
})(groupOrders);

for(var index = 0; index < sortArr.length; index ++ ){
var key = sortArr[index].value;
var group = groupedItems[key] || []