WP Tiles not displaying in Chrome on page load – requires resize of window

  • Resolved j w

    (@justinmwoodum)


    10 years, 9 months ago

    I am displaying WP Tiles (Version 0.5.1) via the shortcode “[wp-tiles]” placed in a standard “Text” widget. In Firefox & IE, the tiles display correctly when the page loads. In Chrome (Version 27.0.1453.116 m), the tiles do NOT appear at first. If I resize the Chrome window in any way, the tiles suddenly appear. See it for yourself: http://bakerbirchbay.com/

    What can I do to make WP Tiles appear immediately on page load? Cool plugin, btw. Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Mike Martel

    (@mike_cowobo)

    10 years, 9 months ago

    Hi Justin, I’m trying to replicate your problem, but unfortunately I can’t (Chromium 28 on Linux). I’ve never heard of this problem happening before, so I’m not sure how to fix this. One thing you could try is artificially triggering a window resize event when the document has loaded.

    Try this:
    Open the site in Chrome, and open the web inspector console (Shift + Ctrl + J). If this made your webpage resize… reload the page. Then, type into the prompt: jQuery(window).trigger(‘resize’) or alternatively jQuery(window).resize();
    (It should trigger a window resize, without actually resizing your browser..)

    Let me know how this works out!

    NorthLion

    (@northlion)

    10 years, 9 months ago

    I have a similar problem, my tiles DO show but at the wrong size. A re-size makes the tiles shift and look right.
    That command in the web inspector console works perfectly but I do not know how to make that happen for visitors after page load.

    Thanks

    esmi

    (@esmi)

    10 years, 9 months ago

    @northlion: As per the Forum Welcome, please post your own topic. Added to which, your problem is completely different.

    NorthLion

    (@northlion)

    10 years, 9 months ago

    I did as well.. I just read this and saw that it was re-size related and thought it might be related. Sorry.

    Thread Starter j w

    (@justinmwoodum)

    10 years, 9 months ago

    @mike The inspector kept crashing on page reload (does this on other pages as well – maybe a Chrome extension issue…). Anyways, placing the code you shared above in the plugin’s code worked. Would love to see this added to the next release. Thanks!

    @mike @northlion To make “WP Tiles 0.5.1” WordPress plugin load the grid successfully on page load with “Chrome Version 28.0.1500.72 m” web browser, I…

    1. Accessed the site’s files via FTP.
    2. Edited the file “[site folder]/wp-content/plugins/wp-tiles/_inc/js/wp-tiles.js”.

      3. Before the last line (line 152) that says…

      })(jQuery);

      Add…

      jQuery(window).trigger(‘resize’);

      So it looks like…

      jQuery(window).trigger(‘resize’);
      })(jQuery);

      Spacing is unimportant.

    3. Saved file & uploaded to same place/same name via FTP.
    4. To test, cleared Chrome’s cache & navigated to page where WP Tiles is used.
    NorthLion

    (@northlion)

    10 years, 9 months ago

    Worked like a charm! Thank you! ^^

    Plugin Author Mike Martel

    (@mike_cowobo)

    10 years, 9 months ago

    Thanks Justin! I will roll out a plugin update tonight. I still haven’t been able to reproduce it so I’m very happy this bug resolved now.

    Cheers,
    Mike

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘WP Tiles not displaying in Chrome on page load – requires resize of window’ is closed to new replies.