PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Add a condition to only activate the resizer which belongs to the clicked handle (#7055)

Browse source
This commit is contained in:
Timo 2021-11-02 12:48:50 +01:00 committed by GitHub
parent 4cbef216e7
commit 773b147a03
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/resizer/resizer.ts
View file

@ -122,9 +122,14 @@ export default class Resizer<C extends IConfig = IConfig> {
// child dom nodes that can be the target
const resizeHandle = event.target && (<HTMLDivElement>event.target).closest(`.${this.classNames.handle}`);
const hasHandler = this?.config?.handler;
if (!resizeHandle || (!hasHandler && resizeHandle.parentElement !== this.container)) {
// prevent that stacked resizer's are both activated with one mouse event
// (this is possible because the mouse events are connected to the containers not the handles)
if (!resizeHandle || // if no resizeHandle exist / mouse event hit the container not the handle
(!hasHandler && resizeHandle.parentElement !== this.container) || // no handler from config -> check if the containers match
(hasHandler && resizeHandle !== hasHandler)) { // handler from config -> check if the handlers match
return;
}
// prevent starting a drag operation
event.preventDefault();