content-visibility freeze selecto performance issue

daybrush / selecto

Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.

https://daybrush.com/selecto

MIT License

2k stars 81 forks source link

content-visibility freeze selecto performance issue #148

Closed jonlepage closed 1 year ago

jonlepage commented 1 year ago

Environments

Framework name: vanilla dom

Description

Actually if we use content-visibility: auto Selecto get freezed ~1 seconde before start !

if i remove content-visibility: auto , the issue or overflow , it remove the issue.

Did you have option or a fix for special case with content-visibility: auto ? This is used to give a 50% perf boost in my app but selector seem dont like .

daybrush commented 1 year ago

@djmisterjon

I've tested content-visibility, but I can't figure it out.

Could you also show the area of mousedown in detail via performance tab?

Also, will there be a test address?

jonlepage commented 1 year ago

@daybrush

fixed by remove children rules ! Not sure why but with those childs css rules for contaiment will make selecto drop to ~15fps 😐! Maybe the way you computing bounds or something ?