When you enter the page for the first time, hold down the shift key to select components

[d2461379109]

Environments

• Framework name: vue
• Framework version:2.7
• Component name: vue-selecto
• Component version: 1.25.1
• Testable Address(optional): https://daybrush.com/selecto/storybook/?path=/story/selecto-with-moveable--moveabl-real-time-targets

Description

• When you first enter the page, do not select any component, hold down the shift key before selecting the component, and the second selection of the component does not follow the result of the last selection, but deletes the last selection.
• Expected effect:
  • Following the result of the previous selection, add another selected component
• Actual result
  • The previously selected component is removed, and only the new one is selected.

https://github.com/daybrush/selecto/assets/101497201/2b403029-6bd7-41cb-ad6f-d00e86e77c42

[daybrush]

@d2461379109

The storybook is not in focus because it is inside an iframe. The focus condition should be clicked once. Therefore, the following phenomena may occur.

[d2461379109]

Is there a way to get focus all the time? @daybrush

[daybrush]

@d2461379109

1. You don't have to do preventDefault.
2. It is not an iframe.

[d2461379109]

@d2461379109

1. You don't have to do preventDefault.
2. It is not an iframe.

Thank you! I found the cause. I set up keyContainer and the problem was fixed.