.getSelection() returns only previously selected elements.

[jmbds]

What is the problem?

As you described in #136, the way to get the selected and stored elements on "stop" event is calling .getSelection(). However, it doesn't seem to work when the selection is made by click and drag (selection by click works as expected).

What is the current behavior?

<-- What happens in your situation -->

Calling .getSelection() on "stop" event after a drag selection returns only previously selected elements.

Please provide the steps to reproduce and create a CodeSandbox.

https://codesandbox.io/s/viselect-svg-example-forked-99zp2?file=/src/main.js

What is the expected behavior?

Calling .getSelection() on "stop" event should return both selected and stored elements.

Your environment:

Toolset (e.g. webpack, vite, vue-cli...):  webpack
Version (@viselect/<insert package>): @viselect/3.0.0-beta.13
Browser:  Chrome / Firefox
OS:  Windows 10

[isepise]

Strange. If i get the selection after a delay.. its ok - Here i output the selection count immediately and after delay:

.on("stop", () => {
    console.log("sel now: " + selection.getSelection().length);
    window.setTimeout(() => {
      console.log("sel delayed: " + selection.getSelection().length);
    }, 1000);
  }

output when i lasso select 4 items:
sel now: 0 
sel delayed: 4 

Fix: Maybe just move the "stop" event trigger to the end of _onTapStop:

_onTapStop(evt: MouseEvent | TouchEvent | null, silent: boolean): void {
  ...
  if (!_singleClick && !silent) {
    this._emitEvent('stop', evt);
  }
}

Im using @viselect/vanilla

[luckylooke]

It is reproducable even in official example.... where on stop event console.log returns not all selected but only selected in previous selections, without last selected group.

https://codesandbox.io/s/viselectvanilla-kt332?file=/src/main.ts

[arleybls]

Looks like store.stored[] is filled by a promise which is resolved only after the event is emitted.