Skip to content

[bug]: Kanban view breaks the page on drag and drop in demo page #475

New issue
New issue
Closed
Closed
[bug]: Kanban view breaks the page on drag and drop in demo page#475
Assignees
lawvs
Labels
type:bug
@rurigk

Description

@rurigk
rurigk
opened on Sep 30, 2022

Describe the bug

After drag and drop of one card in the Kanban view the page goes to white screen

To Reproduce

Drag and drop any card above other card in other section very fast

TypeError: i.items.find(...) is undefined
    <anonymous> https://livedemo.affine.pro/main.2cc51877.js:3
    onDragEnd https://livedemo.affine.pro/main.2cc51877.js:3
    Ei https://livedemo.affine.pro/ui.23dd8764.js:102
    Mi https://livedemo.affine.pro/ui.23dd8764.js:102
    useState https://livedemo.affine.pro/ui.23dd8764.js:102
    useState https://livedemo.affine.pro/ui.23dd8764.js:102
    ei https://livedemo.affine.pro/main.2cc51877.js:3
    ri https://livedemo.affine.pro/main.2cc51877.js:3
    Zi https://livedemo.affine.pro/ui.23dd8764.js:102
    Ol https://livedemo.affine.pro/ui.23dd8764.js:102
    ks https://livedemo.affine.pro/ui.23dd8764.js:102
    yu https://livedemo.affine.pro/ui.23dd8764.js:102
    vu https://livedemo.affine.pro/ui.23dd8764.js:102
    gu https://livedemo.affine.pro/ui.23dd8764.js:102
    au https://livedemo.affine.pro/ui.23dd8764.js:102
    su https://livedemo.affine.pro/ui.23dd8764.js:102
    Wo https://livedemo.affine.pro/ui.23dd8764.js:102
    ru https://livedemo.affine.pro/ui.23dd8764.js:102
    ru https://livedemo.affine.pro/ui.23dd8764.js:102
    nu https://livedemo.affine.pro/ui.23dd8764.js:102
    tl https://livedemo.affine.pro/ui.23dd8764.js:102
    c https://livedemo.affine.pro/vendor.9f658cf7.js:2
    uu https://livedemo.affine.pro/ui.23dd8764.js:102
    c https://livedemo.affine.pro/vendor.9f658cf7.js:2
    handleEnd https://livedemo.affine.pro/vendor.9f658cf7.js:2
    add https://livedemo.affine.pro/vendor.9f658cf7.js:2
    attach https://livedemo.affine.pro/vendor.9f658cf7.js:2
    ft https://livedemo.affine.pro/vendor.9f658cf7.js:2
    dt https://livedemo.affine.pro/vendor.9f658cf7.js:2
    ie https://livedemo.affine.pro/vendor.9f658cf7.js:2
    oe https://livedemo.affine.pro/vendor.9f658cf7.js:2
    r https://livedemo.affine.pro/vendor.9f658cf7.js:2
    ze https://livedemo.affine.pro/ui.23dd8764.js:102
    $e https://livedemo.affine.pro/ui.23dd8764.js:102
    Ar https://livedemo.affine.pro/ui.23dd8764.js:102
    Ar https://livedemo.affine.pro/ui.23dd8764.js:102
    Lr https://livedemo.affine.pro/ui.23dd8764.js:102
    Vr https://livedemo.affine.pro/ui.23dd8764.js:102
    uu https://livedemo.affine.pro/ui.23dd8764.js:102
    De https://livedemo.affine.pro/ui.23dd8764.js:102
    Vr https://livedemo.affine.pro/ui.23dd8764.js:102
    Kt https://livedemo.affine.pro/ui.23dd8764.js:102
    Ht https://livedemo.affine.pro/ui.23dd8764.js:102
    Wr https://livedemo.affine.pro/ui.23dd8764.js:102
    _r https://livedemo.affine.pro/ui.23dd8764.js:102
    Br https://livedemo.affine.pro/ui.23dd8764.js:102
    Br https://livedemo.affine.pro/ui.23dd8764.js:102
    createRoot https://livedemo.affine.pro/ui.23dd8764.js:102
    33730 https://livedemo.affine.pro/main.2cc51877.js:3
    r https://livedemo.affine.pro/main.2cc51877.js:140
    <anonymous> https://livedemo.affine.pro/main.2cc51877.js:140
    O https://livedemo.affine.pro/main.2cc51877.js:140
    <anonymous> https://livedemo.affine.pro/main.2cc51877.js:140
    <anonymous> https://livedemo.affine.pro/main.2cc51877.js:140
ui.23dd8764.js:102:395069
    pl https://livedemo.affine.pro/ui.23dd8764.js:102
    callback https://livedemo.affine.pro/ui.23dd8764.js:102
    Fa https://livedemo.affine.pro/ui.23dd8764.js:102
    ws https://livedemo.affine.pro/ui.23dd8764.js:102
    ys https://livedemo.affine.pro/ui.23dd8764.js:102
    bs https://livedemo.affine.pro/ui.23dd8764.js:102
    xu https://livedemo.affine.pro/ui.23dd8764.js:102
    xu https://livedemo.affine.pro/ui.23dd8764.js:102
    su https://livedemo.affine.pro/ui.23dd8764.js:102
    Wo https://livedemo.affine.pro/ui.23dd8764.js:102
    ru https://livedemo.affine.pro/ui.23dd8764.js:102
    (Async: VoidFunction)
    ru https://livedemo.affine.pro/ui.23dd8764.js:102
    nu https://livedemo.affine.pro/ui.23dd8764.js:102
    tl https://livedemo.affine.pro/ui.23dd8764.js:102
    c https://livedemo.affine.pro/vendor.9f658cf7.js:2
    uu https://livedemo.affine.pro/ui.23dd8764.js:102
    c https://livedemo.affine.pro/vendor.9f658cf7.js:2
    handleEnd https://livedemo.affine.pro/vendor.9f658cf7.js:2
    add https://livedemo.affine.pro/vendor.9f658cf7.js:2
    attach https://livedemo.affine.pro/vendor.9f658cf7.js:2
    ft https://livedemo.affine.pro/vendor.9f658cf7.js:2
    dt https://livedemo.affine.pro/vendor.9f658cf7.js:2
    ie https://livedemo.affine.pro/vendor.9f658cf7.js:2
    oe https://livedemo.affine.pro/vendor.9f658cf7.js:2
    r https://livedemo.affine.pro/vendor.9f658cf7.js:2
    ze https://livedemo.affine.pro/ui.23dd8764.js:102
    $e https://livedemo.affine.pro/ui.23dd8764.js:102
    Ar https://livedemo.affine.pro/ui.23dd8764.js:102
    Ar https://livedemo.affine.pro/ui.23dd8764.js:102
    Lr https://livedemo.affine.pro/ui.23dd8764.js:102
    Vr https://livedemo.affine.pro/ui.23dd8764.js:102
    uu https://livedemo.affine.pro/ui.23dd8764.js:102
    De https://livedemo.affine.pro/ui.23dd8764.js:102
    Vr https://livedemo.affine.pro/ui.23dd8764.js:102
    Kt https://livedemo.affine.pro/ui.23dd8764.js:102
    Ht https://livedemo.affine.pro/ui.23dd8764.js:102
    Wr https://livedemo.affine.pro/ui.23dd8764.js:102
    _r https://livedemo.affine.pro/ui.23dd8764.js:102
    Br https://livedemo.affine.pro/ui.23dd8764.js:102
    Br https://livedemo.affine.pro/ui.23dd8764.js:102
    createRoot https://livedemo.affine.pro/ui.23dd8764.js:102
    33730 https://livedemo.affine.pro/main.2cc51877.js:3
    r https://livedemo.affine.pro/main.2cc51877.js:140
    <anonymous> https://livedemo.affine.pro/main.2cc51877.js:140
    O https://livedemo.affine.pro/main.2cc51877.js:140
    <anonymous> https://livedemo.affine.pro/main.2cc51877.js:140
    <anonymous> https://livedemo.affine.pro/main.2cc51877.js:140

Uncaught TypeError: i.items.find(...) is undefined
    <anonymous> https://livedemo.affine.pro/main.2cc51877.js:3
    onDragEnd https://livedemo.affine.pro/main.2cc51877.js:3
    Ei https://livedemo.affine.pro/ui.23dd8764.js:102
    Mi https://livedemo.affine.pro/ui.23dd8764.js:102
    useState https://livedemo.affine.pro/ui.23dd8764.js:102
    useState https://livedemo.affine.pro/ui.23dd8764.js:102
    ei https://livedemo.affine.pro/main.2cc51877.js:3
    ri https://livedemo.affine.pro/main.2cc51877.js:3
    Zi https://livedemo.affine.pro/ui.23dd8764.js:102
    Ol https://livedemo.affine.pro/ui.23dd8764.js:102
    ks https://livedemo.affine.pro/ui.23dd8764.js:102
    yu https://livedemo.affine.pro/ui.23dd8764.js:102
    vu https://livedemo.affine.pro/ui.23dd8764.js:102
    gu https://livedemo.affine.pro/ui.23dd8764.js:102
    au https://livedemo.affine.pro/ui.23dd8764.js:102
    su https://livedemo.affine.pro/ui.23dd8764.js:102
    Wo https://livedemo.affine.pro/ui.23dd8764.js:102
    ru https://livedemo.affine.pro/ui.23dd8764.js:102
    ru https://livedemo.affine.pro/ui.23dd8764.js:102
    nu https://livedemo.affine.pro/ui.23dd8764.js:102
    tl https://livedemo.affine.pro/ui.23dd8764.js:102
    c https://livedemo.affine.pro/vendor.9f658cf7.js:2
    uu https://livedemo.affine.pro/ui.23dd8764.js:102
    c https://livedemo.affine.pro/vendor.9f658cf7.js:2
    handleEnd https://livedemo.affine.pro/vendor.9f658cf7.js:2
    add https://livedemo.affine.pro/vendor.9f658cf7.js:2
    attach https://livedemo.affine.pro/vendor.9f658cf7.js:2
    ft https://livedemo.affine.pro/vendor.9f658cf7.js:2
    dt https://livedemo.affine.pro/vendor.9f658cf7.js:2
    ie https://livedemo.affine.pro/vendor.9f658cf7.js:2
    oe https://livedemo.affine.pro/vendor.9f658cf7.js:2
    r https://livedemo.affine.pro/vendor.9f658cf7.js:2
    ze https://livedemo.affine.pro/ui.23dd8764.js:102
    $e https://livedemo.affine.pro/ui.23dd8764.js:102
    Ar https://livedemo.affine.pro/ui.23dd8764.js:102
    Ar https://livedemo.affine.pro/ui.23dd8764.js:102
    Lr https://livedemo.affine.pro/ui.23dd8764.js:102
    Vr https://livedemo.affine.pro/ui.23dd8764.js:102
    uu https://livedemo.affine.pro/ui.23dd8764.js:102
    De https://livedemo.affine.pro/ui.23dd8764.js:102
    Vr https://livedemo.affine.pro/ui.23dd8764.js:102
    Kt https://livedemo.affine.pro/ui.23dd8764.js:102
    Ht https://livedemo.affine.pro/ui.23dd8764.js:102
    Wr https://livedemo.affine.pro/ui.23dd8764.js:102
    _r https://livedemo.affine.pro/ui.23dd8764.js:102
    Br https://livedemo.affine.pro/ui.23dd8764.js:102
    Br https://livedemo.affine.pro/ui.23dd8764.js:102
    createRoot https://livedemo.affine.pro/ui.23dd8764.js:102
    33730 https://livedemo.affine.pro/main.2cc51877.js:3
    r https://livedemo.affine.pro/main.2cc51877.js:140
    <anonymous> https://livedemo.affine.pro/main.2cc51877.js:140
    O https://livedemo.affine.pro/main.2cc51877.js:140
    <anonymous> https://livedemo.affine.pro/main.2cc51877.js:140
    <anonymous> https://livedemo.affine.pro/main.2cc51877.js:140
main.2cc51877.js:3:132526

Screenshots

No response

Expected behavior

No response

Platform

Arch Linux

Browser

Firefox 105.0.1

Additional context

No response

Metadata

Metadata

Assignees

Labels

type:bug

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions