4

Steps to reproduce:
Load this page, watch it shake from left to wright: https://www.joshwcomeau.com/react/usememo-and-usecallback/
Safari behaves correctly, page doesnt move around

Expected behavior:
The webpage to remain still

Orion, OS version; hardware type:
Version 0.99.119-beta (WebKit 615.1.1)
MacBook Pro (macOS Monterey 12.4 build 21F79)

Image/Video:

  • Vlad replied to this.

    nburns Not able to reproduce (did you try compatibility mode to turn off extensions?)

      I'm not able to reproduce it currently

        I've run into similar issues (meaning, I've seen on others' websites and created similar issues 😅) involving interactions between various bits of css and js that accidentally compete to resize page elements. Usually only happens when the window size is juuuust right, css and/or js end up battling over what size things should be.

        I'm unable to recreate the issue on this particular website.

        If I see it again I'll try and grab the size of the window with js for reproduction

          a year later

          Vlad It happens when the window size is 1009px in width. I also have a height of 1003px, not sure if the height makes a difference.

            It's unclear if this is an issue that can be fixed, or something all browsers have when being on the edge of a CSS breakpoint. I was able to replicate in Safari at 1038px, but Firefox did not have any shaking, even when I matched some of the breakpoints in the page's HTML.
            Here is a video:

              Can you post to webkit.org as appears to be a webkit issue then

                No one is typing