Firefox issues. Theme, firefox or wordpress?

  • atefoto

    (@atefoto)


    12 years, 4 months ago

    Hello!

    My English is a bit rusty and my coding is even worse, but here it goes..

    After navigating in my site, this happends:
    Screenshot

    My site

    Image on the right is what it should look like (100% fullwidth masonry gallery). This doesn’t happend every time, and frankly, FireFox DEVs had to reload the page 50 times and use 1920x1080px monitor resolution before it happened.

    After hitting the glitch one time you’ll start getting the glitch more often. It happends to me ~70% of all my attempts now.. DEVs at FireFox confirmed this problem. After a while you need to close window because refreshing or navigating doesn’t fix it.

    I’ve tested on 4 computers at home PC/MAC. Happends to firefox only (tried IE, Chrome, Opera). FireFox DEVs said it could be following problem (seen in firefox web console):

    NS_ERROR_NOT_AVAILABLE: plugins.js:408

Unknown property '-moz-filter'. Declaration dropped.
Unknown property 'box-sizing'. Declaration dropped.

    Nobody could tell me if this is a firefox problem, wordpress or theme problem.. I’m not a coder, so I don’t know.. They reported it (if its true, and if he was a coder). But I still feel the need to let you guys know.

    All screenshots:
    Here

    Now, what do you think and how to repair? Its annoying me, and I’ve used ~1 week on this problem alone.

    As mentioned.. If you’re not getting this problem first 15-30 times, try navigating around a bit more. It will happend. After problem occurs you’ll see it more often.

    Regards
    Aleksander T. Eriksen

Viewing 2 replies - 1 through 2 (of 2 total)
  • wpismypuppet

    (@wordpressismypuppet)

    12 years, 4 months ago

    Hi there,

    It seems to me this may very well be a Firefox bug, however…

    The reason things are breaking is because your theme, dt-the7, is using the Pixastic library to do some canvas manipulation and other things. They clearly state on their website that it “is an experimental library which allows you to perform a variety of operations on images…”. Experimental be the key word here.

    Keep in mind as well that canvas is fairly new stuff as well. It appears that Chrome and other browsers handle the canvas much nicer than Firefox, which has been the case for some time now. Not to say that this code won’t work, but you can see why there might be a glitch or two.

    Here’s what I surmise… and my opinion is worth about what you paid for it:

    Your site loads extremely slow… I’m gathering it’s because of the really large images you are using, along with all the JavaScript being thrown at the user as well. To me, it “appears” that in some cases (when the glitch is happening) that the JavaScript is trying to draw a canvas or utilize a part of the website BEFORE that part of the site has finished loading.

    A possible fix to your problem might be to properly defer the loading of this JavaScript. I don’t know if this will work, or if you even have access or rights to do this being as it’s not your own theme, but it’s worth a shot to test.

    Another option might be to invoke some proper caching plugin to make it all load faster. This also may fix the issue, but I’m not sure about that.

    All in all, you are using some pretty cool, pretty advanced stuff that is all experimental. Is it worth it to you to have your site in that condition? That’s personal preference. Your site will not work on many versions of Internet Explorer, and completely craps out when JavaScript is disabled. To me, that’s a no no. We should be using JavaScript to enhance our sites, but not to rely on JavaScipt to run the website. There should be some form of fall back… always.

    Thread Starter atefoto

    (@atefoto)

    12 years, 4 months ago

    Thank you for taking your time to reply! 🙂

    Yeah, firefox bug was my 2nd thought. I actually thought memory_limit in php.ini was the main factor, but that limit was set to 128MB earlier.

    Yeah, I see that now. Fustrating when theme developers don’t mention this! But.. I’ve not seen anyone else complain about same issues, and the theme have sold >5000 times.

    I’ve also tried demosite, but that also load as it should: http://the7.dream-demo.com/gallery/albums-masonry/albums-masonry-2col-sidebar/

    I quote from the Pixastic page; Canvas is only supported by some browsers and unfortunately Internet Explorer is not one of them. It is however well supported in both Firefox and Opera and support for Safari only just arrived with the recent Safari 4 (beta) release.

    Well, I have less problems with all IE verions I tried on my site. FireFox is the problem-brower at this point. My main concern is that the problem appears on our server, using firefox only. Opera, IE, Safari, etc works like a charm.

    Yeah, I’ve had some speed-issues. I installed W3 cache plugin and the speed improved quite a bit. All the large images? Before I exported/uploaded images I went through 10-20 photo portfolios, everyone is using 900px or larger in 72ppi. And, using smaller than 900px (long edgde) would make people complaint about the image size. I tried 700px on my flickr/500px/etc, and everyone told me that the smallest size should be approx 900px.

    “To me, it “appears” that in some cases (when the glitch is happening) that the JavaScript is trying to draw a canvas or utilize a part of the website BEFORE that part of the site has finished loading.”

    And thanks to you, I think the same. Despite my lack of coding, I get what you say. The page (when i experience this glitch) looks just like the situation you describe. I’ll try to add this “defer JS” and see what it does to the problem.

    Well, you ask me, and I’ll answer you. I’ve bought tons of themes before, so I do know what to look for before buying. (Well, I forgot to check theme plugins this time..) I read 60 pages of comments on The7 themeforest site before I bought the theme, no problems worth mentioning. They have updated the theme on a regular basis to get rid of small issues. I tried a varity of sites to see if there was any glitch. I tried every possible scenario on their demosite (except admin panel), and everything works. My friends site is also using The7 theme without problems. Its a bit strange this..

    I’ll try this defer JS and report back.. After using ~1 week on the problem I feel like I’m running blind. Great to have other inputs on this issue. Thanks again.

    Best regards

    Aleksander T. Eriksen

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Firefox issues. Theme, firefox or wordpress?’ is closed to new replies.