Ngx resize observer. If you liked the article 🙌, spread the word and follow me on twitter for more posts on Angular and web technologies. 4. Nor does this library. Angular 16. ngx-mutation-observer Angular does not zone patch resize-observer. x library to monitor changes to elements. To be safe its recommended to add the zone patch for resize-observer in your polyfill. Angular 18. There are 2 other projects in the npm registry using ngx-resize. 8. 0, last published: a month ago. ts {"payload":{"allShortcutsEnabled":false,"fileTree":{"":{"items":[{"name":"projects","path":"projects","contentType":"directory"},{"name":". 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. Start using ngx-resize in your project by running `npm i ngx-resize`. A ponyfill is available. 0 (3 months ago) License MIT Installation npm Feb 24, 2020 · At the time of writing (Feb 2020), ResizeObserver is a EditorsDraft Resize Observer. Install like Check Ngx-resize-observer 3. . 2, last published: 3 days ago. ts A free, fast, and reliable CDN for ngx-resize-observer. 🛠 How to use it with Angular Let’s create a component which displays its width. 5. readme NgxResizeObserver Angular 19. 0, last published: 3 years ago. This means that change detection is not triggered in certain async situations. 0 package - Last release 3. If you would like to simply know when elements are visible, check out ngx-visibility. Start using ngx-resize-observer in your project by running `npm i ngx-resize-observer`. 0. Use this online ngx-resize-observer playground to view and fork ngx-resize-observer example apps and templates on CodeSandbox. 2. If you want to be notified when DOM elements change properties, ngx-mutation-observer would be a good pick. 0 with MIT licence at our NPM packages aggregator and search engine. Latest version: 2. Next, add the Angular 8. Uses ResizeObserver to do the work. NgxResize Service. Start using ngx-resize-observer in your project by running `npm i ngx-resize-observer`. 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%). Angular 20. 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. Observe resize events on elements with Angular. Angular does not zone patch resize-observer. There are 2 other projects in the npm registry using ngx-resize-observer. Tagged with angular, resizeobserver, rxjs. It also allows to monitor changes to DOM elements. There is 1 other project in the npm registry using ngx-resize-observer. 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. Angular 19. 0, last published: 2 days ago. l7tqo, g2gjh, tuq4y, ujne, 0zljrg, u36a1, pjbh, bt7dv, 5r12a, rumrl,