bryntum / support

An issues-only repository for the Bryntum project management component suite which includes powerful Grid, Scheduler, Calendar, Kanban Task Board and Gantt chart components all built in pure JS / CSS / TypeScript
https://www.bryntum.com
54 stars 6 forks source link

Grid freezes when row reordering in column using an array field #9805

Closed marciogurka closed 2 months ago

marciogurka commented 3 months ago

Forum post

"When I apply grouping on the Mutivalue column and attempt to reorder any row, the interface freezes, making it unresponsive.

Steps to Reproduce:

Code Snippet:

const grid = new Grid({
    appendTo : targetElement,

// makes grid as high as it needs to be to fit rows
autoHeight : true,

features : {
    rowReorder: { showGrip: true }
},

store : {
    fields : [
        'name',
        { name : 'foods', type : 'array' },
        'city'
    ]
},

data : [
    {
        id    : 1,
        name  : 'Bruce Wayne',
        foods : ['Pizza', 'Sushi', 'Burgers'],
        city  : 'Gotham'
    },
    {
        id    : 2,
        name  : 'Clark Kent',
        foods : ['Pizza', 'Burgers'],
        city  : 'Metropolis'
    },
    {
        id    : 3,
        name  : 'Barry Allen',
        foods : ['Pizza', 'Sushi'],
        city  : 'Central City'
    },
    {
        id    : 4,
        name  : 'Diana Prince',
        foods : ['Burgers', 'Sushi'],
        city  : 'Themyscira'
    }
],

columns : [
    { field : 'name', text : 'Name', flex : 1 },
    {
        field    : 'foods',
        text     : 'Favorite foods',
        flex     : 1,
        renderer : ({ record, value }) => {
            if (record.isGroupHeader) {
                return value;
            }
            return value.join(', ');
        }
    },
    { field : 'city', text : 'City', flex : 1 }
]
});

download.png "

Reproduced on https://bryntum.com/products/grid/examples/basic/

https://github.com/user-attachments/assets/a1183cfe-6385-454c-815a-bde200bf4fdc

ubaidkhan7 commented 2 months ago

@marciogurka @matsbryntse

This issue still has some issues and one of the issue I found is when you try to empty value in "FAVORITE FOODS" cell and drag the row into another group this is crashing.

The first image shows dragged row being stuck after crash. The second image show that cryptic bug.

image image
bmblb commented 2 months ago

@ubaidkhan7 I opened a separate ticket for your issue