amplify icon indicating copy to clipboard operation
amplify copied to clipboard

Content is not sized correctly for the viewport

Open samazgor opened this issue 6 years ago • 1 comments

Progressive Web App > The viewport size is 1364px, whereas the window size is 1366px.

samazgor avatar Oct 14 '18 00:10 samazgor

@samazgor try and run this script on the developer console see it return any elements

 (function (d) {
        var w = d.documentElement.offsetWidth,
            t = d.createTreeWalker(d.body, NodeFilter.SHOW_ELEMENT),
            b;
        while (t.nextNode()) {
            b = t.currentNode.getBoundingClientRect();
            if (b.right > w || b.left < 0) {
                t.currentNode.style.setProperty('outline', '1px dotted red', 'important');
                console.log(t.currentNode);
            }
        };
    }(document));

In your case, the element which is overflowing. use css to make sure it doesn't overflow for example , on the container

max-width: 100vw; overflow-x: hidden

PN1019 avatar Nov 18 '18 13:11 PN1019