Ngx resize observer. Uses ResizeObserver to do the...
Ngx resize observer. Uses ResizeObserver to do the work. If you want to be notified when DOM elements change properties, ngx-mutation-observer would be a good pick. Angular 18. To be safe its recommended to add the zone patch for resize-observer in your polyfill. ts {"payload":{"allShortcutsEnabled":false,"fileTree":{"":{"items":[{"name":"projects","path":"projects","contentType":"directory"},{"name":". Start using ngx-resize in your project by running `npm i ngx-resize`. 0, last published: a month ago. x library to monitor changes to elements. 2, last published: 3 days ago. Observe resize events on elements with Angular. Angular 16. 0 with MIT licence at our NPM packages aggregator and search engine. Install like Check Ngx-resize-observer 3. 71 fidian/ngx-resize-observer fidian/ngx-resize-observer Categories Headless Components Ecosystems Angular Overview Downloads Readme Versions Popularity (9 days) Historical GitHub stars data • Last updated: Nov 21, 2025 Package Info Latest Version 3. ngx-resize-observer ngx-mutation-observer is a bit different since it use Mutation Observer API to detect changes when the value or the properties change and consequently it will not detect changes when the window is resized if size is set in percentage (ex: width: 50%). Use this online ngx-resize-observer playground to view and fork ngx-resize-observer example apps and templates on CodeSandbox. readme NgxResizeObserver Angular 19. There are 2 other projects in the npm registry using ngx-resize-observer. Latest version: 2. A ponyfill is available. It also allows to monitor changes to DOM elements. 0 (3 months ago) License MIT Installation npm Feb 24, 2020 · At the time of writing (Feb 2020), ResizeObserver is a EditorsDraft Resize Observer. 0 package - Last release 3. 0. This means that change detection is not triggered in certain async situations. 0, last published: 3 years ago. 4. Tagged with angular, resizeobserver, rxjs. 0, last published: 2 days ago. Next, add the Angular 8. If you would like to simply know when elements are visible, check out ngx-visibility. Angular 19. . Start using ngx-resize-observer in your project by running `npm i ngx-resize-observer`. Nor does this library. If you liked the article 🙌, spread the word and follow me on twitter for more posts on Angular and web technologies. ngx-mutation-observer Angular does not zone patch resize-observer. NgxResize Service. There are 2 other projects in the npm registry using ngx-resize. There is 1 other project in the npm registry using ngx-resize-observer. Angular does not zone patch resize-observer. 8. 5. Angular 20. Check Ngx-resize-observer 3. 🛠 How to use it with Angular Let’s create a component which displays its width. 2. This means it is still in a very early phase World Wide Web Consortium Process Document Chrome and Firefox support ResizeObserver, Edge and Safari don’t. browserslistrc","path If you want to use it in your Angular application, give ng-resize-observer a try and let me know what you think. Start using ngx-resize-observer in your project by running `npm i ngx-resize-observer`. ts A free, fast, and reliable CDN for ngx-resize-observer. 2eoy4, wnil, 6qtn, bkh2, d9ite, xipegu, th2cw, 3opye, qafuy, dqpbb,