Advertisement:

Author Topic: Mobile Test In Chrome/FF Help Please?  (Read 653 times)

Offline njtweb

  • Sr. Member
  • ****
  • Posts: 917
Mobile Test In Chrome/FF Help Please?
« on: May 31, 2019, 08:11:03 AM »
Can anybody test these two links in chrome on mobile phone?

I don't know if it's just chrome because the same thing happens in chrome and FF on a computer. My default "layout" image size is 670x500 but for some reason, no matter what image I wrap with image tags, the script is resizing the image tags after saving. Responsive stops working on forum posts on mobile and I get a horizontal scroll bar.


Code: [Select]
youthhockeyinfo.com/index.php?topic=1188
Code: [Select]
youthhockeyinfo.com/index.php?topic=1190
Thanks for any help

Online SychO

  • Lead Customizer
  • SMF Hero
  • *
  • Posts: 1,467
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: Mobile Test In Chrome/FF Help Please?
« Reply #1 on: May 31, 2019, 08:45:33 AM »
As far as I can tell it has to do with tinyportal's table display to make things responsive, table display is very tricky and doesn't always play nice, I'm not sure why they use it, but something somewhere doesn't like it.

Imazighen

Offline njtweb

  • Sr. Member
  • ****
  • Posts: 917
Re: Mobile Test In Chrome/FF Help Please?
« Reply #2 on: May 31, 2019, 08:53:20 AM »
As far as I can tell it has to do with tinyportal's table display to make things responsive, table display is very tricky and doesn't always play nice, I'm not sure why they use it, but something somewhere doesn't like it.

Hi SychO - Tinyportal front page seems to work fine for me, it's when I click a topic and go to topic in the forum. The topics aren't scaling. And the images I've tagged in the topics are automatically being assigned height and width, which never happened before.

Offline @rjen

  • Full Member
  • ***
  • Posts: 483
  • Gender: Male
Re: Mobile Test In Chrome/FF Help Please?
« Reply #3 on: May 31, 2019, 09:12:35 AM »
I am afraid it is somehow related to the adds you are running: when I view the site on an narrow screen it initially seems fine, but when I start scrolling a banner pops up at the top and immediately the images are changing and flowing off screen...

Quote
And the images I've tagged in the topics are automatically being assigned height and width

what exactly do you mean bij that?
The adding of width and height to an image that itself exceeds the set "default" image size is standard SMF behaviour
Running SMF 2.0 with Tinyportal 1.6.4 at www.fjr-club.nl
Testing SMF 2.1 RC2 with Tinyportal at http://test2.fjr-club.nl/

Online SychO

  • Lead Customizer
  • SMF Hero
  • *
  • Posts: 1,467
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: Mobile Test In Chrome/FF Help Please?
« Reply #4 on: May 31, 2019, 09:15:19 AM »
Hi SychO - Tinyportal front page seems to work fine for me, it's when I click a topic and go to topic in the forum. The topics aren't scaling. And the images I've tagged in the topics are automatically being assigned height and width, which never happened before.

I didn't mean tinyportal front page, I meant the code it uses to make its blocks responsive, there's nothing wrong with images from what I can see, they have a max width of 100%, but with table display that probably does not matter, which is why it goes out of width limits

Quote
I am afraid it is somehow related to the adds you are running: when I view the site on an narrow screen it initially seems fine, but when I start scrolling a banner pops up at the top and immediately the images are changing and flowing off screen...

actually the ads generated respect the body width limit, the only reason they aren't in the topics with images is because that width is limit is not respected

Imazighen

Offline njtweb

  • Sr. Member
  • ****
  • Posts: 917
Re: Mobile Test In Chrome/FF Help Please?
« Reply #5 on: May 31, 2019, 09:31:57 AM »
I am afraid it is somehow related to the adds you are running: when I view the site on an narrow screen it initially seems fine, but when I start scrolling a banner pops up at the top and immediately the images are changing and flowing off screen...

Quote
And the images I've tagged in the topics are automatically being assigned height and width

what exactly do you mean bij that?
The adding of width and height to an image that itself exceeds the set "default" image size is standard SMF behaviour

I scale down all of my images to meet the layout max for the theme and then upload all of them to my own host to tag when I create the topic. The [img] tag is changing to [img width=423 height=500] automatically adding width and height. Not sure why. Both of the Topic URLs I provided as example have images well below the layout limit.

Offline njtweb

  • Sr. Member
  • ****
  • Posts: 917
Re: Mobile Test In Chrome/FF Help Please?
« Reply #6 on: May 31, 2019, 09:33:02 AM »
Hi SychO - Tinyportal front page seems to work fine for me, it's when I click a topic and go to topic in the forum. The topics aren't scaling. And the images I've tagged in the topics are automatically being assigned height and width, which never happened before.

I didn't mean tinyportal front page, I meant the code it uses to make its blocks responsive, there's nothing wrong with images from what I can see, they have a max width of 100%, but with table display that probably does not matter, which is why it goes out of width limits

Quote
I am afraid it is somehow related to the adds you are running: when I view the site on an narrow screen it initially seems fine, but when I start scrolling a banner pops up at the top and immediately the images are changing and flowing off screen...

actually the ads generated respect the body width limit, the only reason they aren't in the topics with images is because that width is limit is not respected

What does this mean specifically.

Online SychO

  • Lead Customizer
  • SMF Hero
  • *
  • Posts: 1,467
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: Mobile Test In Chrome/FF Help Please?
« Reply #7 on: May 31, 2019, 09:39:59 AM »
What does this mean specifically.

It means from what I can see, the problem isn't with the ads, I could be wrong ofc, @rjen might be on to something

Imazighen

Offline @rjen

  • Full Member
  • ***
  • Posts: 483
  • Gender: Male
Re: Mobile Test In Chrome/FF Help Please?
« Reply #8 on: May 31, 2019, 09:43:12 AM »
This topic is showing the exact same behaviour, and it does not even have images in the topic...

https://www.youthhockeyinfo.com/index.php?topic=1186.0

Actually, I do recall seeing something similar a while back, which was caused by the use of the quick reply box... would you mind deactivating that and check the topics again?
Running SMF 2.0 with Tinyportal 1.6.4 at www.fjr-club.nl
Testing SMF 2.1 RC2 with Tinyportal at http://test2.fjr-club.nl/

Offline njtweb

  • Sr. Member
  • ****
  • Posts: 917
Re: Mobile Test In Chrome/FF Help Please?
« Reply #9 on: May 31, 2019, 09:49:00 AM »
Here is what I have found.

In Tinyportal I turned off all right panel blocks to show on "all boards and forum sections" and now everything works.

If I check those radio buttons again and turn back on, it goes back to unresponsive. That includes forum stats block and html/jquery blocks.

Offline @rjen

  • Full Member
  • ***
  • Posts: 483
  • Gender: Male
Re: Mobile Test In Chrome/FF Help Please?
« Reply #10 on: May 31, 2019, 09:51:00 AM »
Ok, now we are getting somewhere... I just noticed that it is working now, wanted to ask what you had changed...
Running SMF 2.0 with Tinyportal 1.6.4 at www.fjr-club.nl
Testing SMF 2.1 RC2 with Tinyportal at http://test2.fjr-club.nl/

Offline njtweb

  • Sr. Member
  • ****
  • Posts: 917
Re: Mobile Test In Chrome/FF Help Please?
« Reply #11 on: May 31, 2019, 09:56:02 AM »
Ok, now we are getting somewhere... I just noticed that it is working now, wanted to ask what you had changed...

It's the same on board index. I had only the left column and 1 block active. Once I turned that column off, the board index goes back to responsive.

Online SychO

  • Lead Customizer
  • SMF Hero
  • *
  • Posts: 1,467
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: Mobile Test In Chrome/FF Help Please?
« Reply #12 on: May 31, 2019, 09:56:02 AM »
Here is what I have found.

In Tinyportal I turned off all right panel blocks to show on "all boards and forum sections" and now everything works.

If I check those radio buttons again and turn back on, it goes back to unresponsive. That includes forum stats block and html/jquery blocks.

it works because after disabling the right panel, the CSS for the table display is no longer used.

Imazighen

Offline njtweb

  • Sr. Member
  • ****
  • Posts: 917
Re: Mobile Test In Chrome/FF Help Please?
« Reply #13 on: May 31, 2019, 09:57:31 AM »
So everybody is on the same page......

This does not happen with Tinyportal front page on mobile. That works fine. It only happens when I have the left or right blocks active on Forum index and forum topics.

Offline @rjen

  • Full Member
  • ***
  • Posts: 483
  • Gender: Male
Re: Mobile Test In Chrome/FF Help Please?
« Reply #14 on: May 31, 2019, 10:00:28 AM »
And it happens because the Quick reply box is somehow not being properly addressed in the css when both panels are on... just reproduced the same on my test form: when I set the quick reply box to not show, are show collapsed by default the disply is fine...

As soon as it opens it pushes the width of the page out...

Of course the quick reply box is only showing in topics, that's why all other pages should be fine: actually also the forum index should be fine...
Running SMF 2.0 with Tinyportal 1.6.4 at www.fjr-club.nl
Testing SMF 2.1 RC2 with Tinyportal at http://test2.fjr-club.nl/

Offline njtweb

  • Sr. Member
  • ****
  • Posts: 917
Re: Mobile Test In Chrome/FF Help Please?
« Reply #15 on: May 31, 2019, 10:10:59 AM »
And it happens because the Quick reply box is somehow not being properly addressed in the css when both panels are on... just reproduced the same on my test form: when I set the quick reply box to not show, are show collapsed by default the disply is fine...

As soon as it opens it pushes the width of the page out...

Of course the quick reply box is only showing in topics, that's why all other pages should be fine: actually also the forum index should be fine...

I just turned the left column on and activated 1 html block. It goes wonky on forum index, it's fine on any board index and goes wonky again on an open topic.

Offline njtweb

  • Sr. Member
  • ****
  • Posts: 917
Re: Mobile Test In Chrome/FF Help Please?
« Reply #16 on: May 31, 2019, 10:15:58 AM »
This is only happening in Chrome. FF doesn't seem to see any issue.

Offline njtweb

  • Sr. Member
  • ****
  • Posts: 917
Re: Mobile Test In Chrome/FF Help Please?
« Reply #17 on: May 31, 2019, 10:35:06 AM »
I turned the left column back off. I have a ton of traffic today, a friend of my son who played hockey with him drowned on Wednesday night. :(

Offline @rjen

  • Full Member
  • ***
  • Posts: 483
  • Gender: Male
Re: Mobile Test In Chrome/FF Help Please?
« Reply #18 on: May 31, 2019, 01:05:43 PM »
Quick fix...

Edit responsive.css

find
Code: [Select]
@media screen and (min-width: 240px) and (max-width: 640px) {
/* Considering something trying to be bad boy and editing body (especially portals!) */
body {
min-width: 240px !important;
}

replace with
Code: [Select]
/* Quickfix voor Quickreply */
#quickReplyOptions
{
  max-width: 90vw;
  overflow: hidden;
}

@media screen and (min-width: 240px) and (max-width: 640px) {
/* Considering something trying to be bad boy and editing body (especially portals!) */
body {
min-width: 240px !important;
}
Running SMF 2.0 with Tinyportal 1.6.4 at www.fjr-club.nl
Testing SMF 2.1 RC2 with Tinyportal at http://test2.fjr-club.nl/

Offline njtweb

  • Sr. Member
  • ****
  • Posts: 917
Re: Mobile Test In Chrome/FF Help Please?
« Reply #19 on: May 31, 2019, 01:29:20 PM »
Confirmed working with both left and right columns block codes added. I'm curious, what changed? I don't remember seeing this being an issue and I've had no complaints from my members or guests.

You're the best @rjen.

Offline @rjen

  • Full Member
  • ***
  • Posts: 483
  • Gender: Male
Re: Mobile Test In Chrome/FF Help Please?
« Reply #20 on: May 31, 2019, 01:35:35 PM »
Nothing changed (afaik). I am still not sure what is causing it, but I remembered seeing the issue before. This was my fix. Going forward we will need something better though..
Running SMF 2.0 with Tinyportal 1.6.4 at www.fjr-club.nl
Testing SMF 2.1 RC2 with Tinyportal at http://test2.fjr-club.nl/

Offline njtweb

  • Sr. Member
  • ****
  • Posts: 917
Re: Mobile Test In Chrome/FF Help Please?
« Reply #21 on: May 31, 2019, 01:39:40 PM »
Nothing changed (afaik). I am still not sure what is causing it, but I remembered seeing the issue before. This was my fix. Going forward we will need something better though..

Barring any changes then, when the next version comes out I should keep this topic handy in case I have to make the modification again?