File tree 2 files changed +13
-2
lines changed 2 files changed +13
-2
lines changed Original file line number Diff line number Diff line change @@ -346,6 +346,7 @@ class SketchFieldDemo extends React.Component {
346
346
ref = { c => ( this . _sketch = c ) }
347
347
lineColor = { this . state . lineColor }
348
348
lineWidth = { this . state . lineWidth }
349
+ removeItem = { this . _removeSelected }
349
350
fillColor = {
350
351
this . state . fillWithColor
351
352
? this . state . fillColor
Original file line number Diff line number Diff line change @@ -591,7 +591,8 @@ class SketchField extends PureComponent {
591
591
592
592
// Control resize
593
593
window . addEventListener ( 'resize' , this . _resize , false ) ;
594
-
594
+ window . addEventListener ( 'keydown' , this . deleteKey , false )
595
+
595
596
// Initialize History, with maximum number of undo steps
596
597
this . _history = new History ( undoSteps ) ;
597
598
@@ -621,7 +622,10 @@ class SketchField extends PureComponent {
621
622
622
623
} ;
623
624
624
- componentWillUnmount = ( ) => window . removeEventListener ( 'resize' , this . _resize ) ;
625
+ componentWillUnmount = ( ) => {
626
+ window . removeEventListener ( 'resize' , this . _resize ) ;
627
+ window . removeEventListener ( 'keydown' , this . deleteKey , false )
628
+ }
625
629
626
630
componentDidUpdate = ( prevProps , prevState ) => {
627
631
if ( this . state . parentWidth !== prevState . parentWidth
@@ -648,6 +652,12 @@ class SketchField extends PureComponent {
648
652
}
649
653
} ;
650
654
655
+ deleteKey = ( event ) => {
656
+ if ( event . code == "Delete" || event . code == "Backspace" ) {
657
+ this . props . removeItem ( )
658
+ }
659
+ }
660
+
651
661
render = ( ) => {
652
662
let {
653
663
className,
You can’t perform that action at this time.
0 commit comments