update CHANGELOG with new version

CHANGELOG.md

@@ -3,6 +3,11 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 8.1.1
+
+- Fix `Konva.Transformer` dragging draw when `shouldOverdrawWholeArea = true`.
+- Fix auto redraw when `container.removeChildren()` or `container.destroyChildren()` are used
+
 ## 8.1.0
 
 - New property `useSingleNodeRotation` for `Konva.Transformer`.

konva.js

@@ -8,7 +8,7 @@
    * Konva JavaScript Framework v8.1.0
    * http://konvajs.org/
    * Licensed under the MIT
-   * Date: Tue Jun 29 2021
+   * Date: Thu Jul 01 2021
    *
    * Original work Copyright (C) 2011 - 2013 by Eric Rowell (KineticJS)
    * Modified work Copyright (C) 2014 - present by Anton Lavrenov (Konva)
@@ -5159,6 +5159,8 @@
               child.remove();
           });
           this.children = [];
+          // because all children were detached from parent, request draw via container
+          this._requestDraw();
           return this;
       }
       /**
@@ -5174,6 +5176,8 @@
               child.destroy();
           });
           this.children = [];
+          // because all children were detached from parent, request draw via container
+          this._requestDraw();
           return this;
       }
       /**
@@ -14681,7 +14685,7 @@
           node.on(`dragstart.${EVENTS_NAME}`, (e) => {
               lastPos = node.getAbsolutePosition();
               // actual dragging of Transformer doesn't make sense
-              // but we need to proxy drag events
+              // but we need to make sure it also has all drag events
               if (!this.isDragging() && node !== this.findOne('.back')) {
                   this.startDrag(e, false);
               }
@@ -14936,6 +14940,10 @@
           back.on('dragend', (e) => {
               e.cancelBubble = true;
           });
+          // force self update when we drag with shouldOverDrawWholeArea setting
+          this.on('dragmove', (e) => {
+              this.update();
+          });
       }
       _handleMouseDown(e) {
           this._movingAnchorName = e.target.name().split(' ')[0];