sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better selection click detection (#50)

Browse Source
This commit is contained in:
Christopher Chedeau 2020-01-02 14:33:45 -08:00 committed by GitHub
parent 8a43ed691d
commit 278fc11d22
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/index.tsx
View File

@ -530,21 +530,26 @@ class App extends React.Component<{}, AppState> {
let isDraggingElements = false;
const cursorStyle = document.documentElement.style.cursor;
if (this.state.elementType === "selection") {
const selectedElement = elements.find(element => {
const isSelected = hitTest(element, x, y);
if (isSelected) {
element.isSelected = true;
}
return isSelected;
const hitElement = elements.find(element => {
return hitTest(element, x, y);
});
// deselect everything except target element to-be-selected
elements.forEach(element => {
if (element === selectedElement) return;
element.isSelected = false;
});
if (selectedElement) {
this.setState({ draggingElement: selectedElement });
// If we click on something
if (hitElement) {
if (hitElement.isSelected) {
// If that element is not already selected, do nothing,
// we're likely going to drag it
} else {
// We unselect every other elements unless shift is pressed
if (!e.shiftKey) {
clearSelection();
}
// No matter what, we select it
hitElement.isSelected = true;
}
} else {
// If we don't click on anything, let's remove all the selected elements
clearSelection();
}
isDraggingElements = elements.some(