Here is an odd one I couldn’t find another report of in the forum.
I have a navigation modal being used on a page (not in the header builder). When first opened it is often sized 100px taller than it needs to be (302px tall instead of 202px). So it looks like this:
Once the browser window is resized the modal resizes to 202px and can’t be forced to appear 302px again. So it looks like this:
This only happens the first time someone visits the page and opens the modal. If they do not clear their cache it won’t happen again. So opening the page in an incognito/private browser window often causes it to occur once. I’ve recreated the issue in Safari, Chrome, and Firefox. Here is a quick video showing it happen in all three browsers in case you have difficulty recreating it.
I did notice that in Chrome it seems a bit inconsistent. In Safari and Firefox it is happening 100% of the time for me if a new incognito window is opened. In Chrome it is sometimes fine and sometimes not. One thing I noticed too is that if I navigate to the page and resize the browser window before opening the modal the issue never occurs. In this video I show the inconsistency in Chrome.
Finally, here is a brief video showing I don’t have any CSS or JS in the element or page settings.
This issue occurs on all three pages this element is located (each page has some color changes to the modal element but it’s otherwise identical):
- https://www.aslacademy.com/two-brothers/
- https://www.aslacademy.com/thumbs-up-thumbs-down/
- https://www.aslacademy.com/she-sat-in-the-corner-in-tears/
Edit: I should mention this issue also occurs on my iphone Xs Max:
