Explorar o código

Internal: Resizer wrapper will be sized based on element offset metrics.

This is made especially for image captions, but will handle also cases when resize host has a margin to a container, or the container has a padding etc.
Marek Lewandowski %!s(int64=6) %!d(string=hai) anos
pai
achega
1a381b453d

+ 7 - 1
packages/ckeditor5-widget/src/resizecontext.js

@@ -180,6 +180,9 @@ export default class ResizeContext {
 	updateSize( domEventData ) {
 	updateSize( domEventData ) {
 		const proposedSize = this.resizeStrategy.updateSize( domEventData );
 		const proposedSize = this.resizeStrategy.updateSize( domEventData );
 
 
+		this.domResizeWrapper.style.width = proposedSize.x + 'px';
+		this.domResizeWrapper.style.height = proposedSize.y + 'px';
+
 		this.set( {
 		this.set( {
 			proposedX: proposedSize.x,
 			proposedX: proposedSize.x,
 			proposedY: proposedSize.y
 			proposedY: proposedSize.y
@@ -194,7 +197,10 @@ export default class ResizeContext {
 
 
 			if ( !widgetWrapper.isSameNode( resizingHost ) ) {
 			if ( !widgetWrapper.isSameNode( resizingHost ) ) {
 				this.domResizeWrapper.style.left = resizingHost.offsetLeft + 'px';
 				this.domResizeWrapper.style.left = resizingHost.offsetLeft + 'px';
-				this.domResizeWrapper.style.right = resizingHost.offsetLeft + 'px';
+				this.domResizeWrapper.style.top = resizingHost.offsetTop + 'px';
+
+				this.domResizeWrapper.style.height = resizingHost.offsetHeight + 'px';
+				this.domResizeWrapper.style.width = resizingHost.offsetWidth + 'px';
 			}
 			}
 		}
 		}
 	}
 	}

+ 0 - 2
packages/ckeditor5-widget/theme/widget.css

@@ -40,9 +40,7 @@
 	pointer-events: none;
 	pointer-events: none;
 
 
 	left: 0;
 	left: 0;
-	right: 0;
 	top: 0;
 	top: 0;
-	bottom: 0;
 }
 }
 
 
 .ck .ck-widget__resizer-shadow {
 .ck .ck-widget__resizer-shadow {