michaelkravchuk / angular-resize-element Goto Github PK

I have an input element inside resized element. When i clicked on input it's not working.
When i removed "(resize)" functionality it's working perfectly fine.

I added a click function for that input it's working but input not getting focus .

I'm using "Angular 7.3.7" version.

Is there any solution ??

Hi,
The resizeEnd event isn't emit?

There is no styles.css file in "node_modules/angular-resize-element/bundles" folder.

@MichaelKravchuk pls update this npm package or write a how to update it manually with forking your repo

Any support for Angular 16?

This is easy:

export declare class AngularResizeElementDirective {
private readonly elementRef;
private readonly renderer2;
private mouseUpListener;
private mouseMoveListener;
private targetElementWidthValue;
private targetElementHeightValue;
private targetElementTopValue;
private targetElementLeftValue;
private originalEvent;
targetElement: HTMLElement | ElementRef;
direction: AngularResizeElementDirection;
proportionalResize: boolean;
rect: Position;
readonly applyClass = "resizing";
resizeStart: EventEmitter;
resize: EventEmitter;
resizeEnd: EventEmitter;
constructor(elementRef: ElementRef, renderer2: Renderer2);
onMouseDown(evt: MouseEvent): void;
private onMouseUp;
private onMouseMove;
private setOriginalData;
private readonly targetNativeElement;
private generateValuesForEvent;
static ɵfac: ɵngcc0.ɵɵFactoryDef<AngularResizeElementDirective, never>;
static ɵdir: ɵngcc0.ɵɵDirectiveDefWithMeta<AngularResizeElementDirective, "[resize], [resizeStart], [resizeEnd]", never, { "applyClass": "applyClass"; "targetElement": "targetElement"; "direction": "direction"; "proportionalResize": "proportionalResize"; "rect": "rect"; }, { "resizeStart": "resizeStart"; "resize": "resize"; "resizeEnd": "resizeEnd"; }, never>;
}

Hey, I again

Could you update the project to be compatible with Angular 13 / 14 ?

I had to force the update but I had a warning with this library.

After compiling an Angular 13 project I had this warning

angular-resize-element [es2015/esm2015] (https://github.com/MichaelKravchuk/angular-resize-element.git) (node:12436) [DEP0147] DeprecationWarning: In future versions of Node.js, fs.rmdir(path, { recursive: true }) will be removed. Use fs.rm(path, { recursive: true }) instead (Use node --trace-deprecation ... to show where the warning was created)

Hi

I'm working on Angular 8, i have used this plugin for resizing the table. But i need to set minimum width as well as height for table within minimum width and height the resizing has to limit there itself.

In the above picture the table is too long so i have to scroll that table over a limit of height, I want to set minimum resize width and height constraints.

Help me out soon.

Thank you.

the extension corners are the extreme right of the window and at the extreme bottom-right of the window. After minimizing/extending my div. I expected the extension corners to follow the div but it still stick to the extreme right of the window and at the extreme bottom-right of the window.

Here is my code https://stackblitz.com/edit/github-d5fxcm?file=src/app/app.component.html

ERROR in node_modules/angular-resize-element/lib/angular-resize-element.module.d.ts:1:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class.

This likely means that the library (angular-resize-element) which declares AngularResizeElementModule has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.

    1| export declare class AngularResizeElementModule {

Hi, I was trying to update my project but these two errors appeared.

Any idea?

I am using angular-resize-element 1.1.8

Package "angular-resize-element" has an incompatible peer dependency to "@angular/common" (requires "^8.2.6" (extended), would install "10.2.5").

Package "angular-resize-element" has an incompatible peer dependency to "@angular/core" (requires "^8.2.6" (extended), would install "10.2.5").

What can I do to solve it?

Issue type

• bug report
• feature request

Issue description

• In the demo example, we have two blocks, when I resize, one of them should change the width of another one. What I mean: If you have 2 blocks in 1 line and you resize it to 50% and then try to resize one of them should be 70% and the second one 30%.