Questions before install

[tino]

Ok if I turn off the two sidebars on my test site the issue goes away, can you confirm it's the same on your site?

If so then we're moving forward with the issue.

[jernatety]

Ok thanks for checking.

I'll have a think and see if I can find anything else.

Ok, thank you. I'm just going to leave it in place until we fix it or determine it can't be fixed. Then I'll have no choice but to uninstall. But as you know I don't want that.

[jernatety]

Ok if I turn off the two sidebars on my test site the issue goes away, can you confirm it's the same on your site?

If so then we're moving forward with the issue.

Both side bars off in CHROME, everything looks great in an open topic. No issues

[jernatety]

So....

Turning off both side bars makes Chrome work fine.

I tried turning on the left side bar without right and the problem persists.

I turned left off and turned right on and the problem persists.

It appears to be with either sidebar on, the problem persists. With both off, the problem is resolved.

[tino]

Ok, progress!

Now to find the fix...

I'll get back to you tomorrow as it's late-ish here in the UK.

I'm going to guess chrome is rendering the page with the two fixed widths of the side panels then moving them down making the text box window fill the old screen size. If that makes any sense at all!

[jernatety]

Ok, progress!

Now to find the fix...

I'll get back to you tomorrow as it's late-ish here in the UK.

I'm going to guess chrome is rendering the page with the two fixed widths of the side panels then moving them down making the text box window fill the old screen size. If that makes any sense at all!

Makes no sense to me, but that's ok. I don't know what I'm doing, LOL. I know just enough html to be able to do some stuff by myself. But is good to know you're on to something. Thank you and see you sometime tomorrow.

[tino]

Adding the following to responsive.css fixes the issue on my test install.

Code Select Expand


#quickreplybox
{
     max-width: 90vw;
}


I'm not sure what is causing this to have issues yet, but its the quick reply box on my install that breaks everything.

Changing to the following with the sidebars enabled seems to give more consistent results for me.

Code Select Expand


#quickReplyOptions
{
     max-width: 90vw;
     overflow: hidden;
}


I'm yet to find out what is breaking in chrome, although using a slightly older version removes the issue. So they have changed something with their rendering which Mozilla (FireFox) are yet to do.

[jernatety]

Fixed! The only other problem is Google maps. Posts with a Google map embedded aren't responsive, but that's not your problem. Thank you.

[tino]

Can you post a link to one of those posts? I'll see if I can see anything obvious.

[jernatety]

Can you post a link to one of those posts? I'll see if I can see anything obvious.

Every one of the team posts has a google map embedded for the directions to the rink they play out of http://www.youthhockeyinfo.com/index.php/topic,76.0.html

It's an embedded iframe using html tags

Code Select Expand

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3052.180559274916!2d-74.99290424927457!3d40.09368707930282!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c6b321b76dbf3d%3A0x5dcca8d1d23b4766!2sJefferson+Health+Flyers+Skate+Zone!5e0!3m2!1sen!2sus!4v1524748205242" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>