Becomes unresponsive after using search

[PandaEden]

Using Search or Filters causes UI to be unresponsive. This is on both Songs list and Playlist editing.
Essentially unusable. I have 135 Songs.

Tested on Ver 1.2.0 and Ver 1.2.1

[Alaanor]

and how much song do you display ? Cause I let the display "all" possibility because people asked but I told them that it's not made for. If you're displaying 10-15item and having lag, then it's a real problem

[PandaEden]

In the Song list I can actually display all the songs and the interface still works. But I have mostly been trying to use it with only 20 rows.

Symptoms

• Button actions become unresponsive but animation still plays as if they are working.
• Song Covers will be loading 'animation' but not finish loading
• Scrolling still works
• Window actions still work (Min, Max, Close)
• System usage is is roughly 4-5% CPU 360MB (I have 32GBs), often High power usage

What Breaks the UI:

• Using Search nearly always breaks
• Using Sort is inconsistent, sometimes works fine, but eventually breaks.
• Using Filter is the same, but more likely to break

According to the Cache, 19 beatmaps are invalid. I could try removing these (more likely using a subset of 20 songs that I know are valid, Since I don't know which are invlid) and testing again

[Alaanor]

Sound like you got an error, should be a bug. May I ask you to open it again and ctrl+shift+i, it will open a panel like you can in browser. Then go to the console tab, there's should be some error. This may be the cause.

Thanks for the detailed output, appreciated :)

[PandaEden]

ERROR

• TypeError: Cannot Read property 'key' of undefined : chunk-vendors.c6a006d0.js:50
• at Ar (chunk-vendors.c6a006d0.js:50)
• at j (chunk-vendors.c6a006d0.js:50)
• at A (chunk-vendors.c6a006d0.js:50)
• at j (chunk-vendors.c6a006d0.js:50)
• at A (chunk-vendors.c6a006d0.js:50)
• at j (chunk-vendors.c6a006d0.js:50)
• at A (chunk-vendors.c6a006d0.js:50)
• at j (chunk-vendors.c6a006d0.js:50)
• at A (chunk-vendors.c6a006d0.js:50)
• at a.patch (chunk-vendors.c6a006d0.js:50)

Also 2 warnings:

• DevTools failed to parse SourceMap: app://./js/app.aa0c241a.js.map
• DevTools failed to parse SourceMap: app://./js/chunk-vendors.c6a006d0.js.map

I sadly just about know JS, I know nothing about Vue. but a quick search tells me:

The chunk-vendors.js, as its name says, is a bundle for all the modules that are not your own, but from other parties. They
are` called third-party modules, or vendor modules.

Oftentimes,` it means (only and) all the modules coming from the /node_modules directory of your project.

I some how managed to make the Developer view unresponsive Ha. (CPU: 10%, Mem: 590MB, Power Usage: Very High)

[Alaanor]

Thanks, I'll take a look at this issue when I get time for it :)

[tchesket]

This is happening to me too

[ceeyoucreate]

Pretty much happens everytime I try to use Beatlist.