JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

check console to see everytime youre zooming

JavaScript

//init object to store window properties
var windowSize = {
    w: window.outerWidth,
    h: window.outerHeight,
    iw: window.innerWidth,
    ih: window.innerHeight
};

window.addEventListener("resize", function () {
    //if window resizes
    if (window.outerWidth !== windowSize.w || window.outerHeight !== windowSize.h) {
        windowSize.w = window.outerWidth; // update object with current window properties
        windowSize.h = window.outerHeight;
        windowSize.iw = window.innerWidth;
        windowSize.ih = window.innerHeight;
        console.log("you're resizing"); //output
    }
    //if the window doesn't resize but the content inside does by + or - 5%
    else if (window.innerWidth + window.innerWidth * .05 < windowSize.iw ||
        window.innerWidth - window.innerWidth * .05 > windowSize.iw) {
        console.log("you're zooming");
        windowSize.iw = window.innerWidth;
        //location.reload();
   }
}, false);