code4recovery / tsml-ui

Embeddable recovery meeting finder
https://tsml-ui.code4recovery.org/
MIT License
23 stars 17 forks source link

Not all meetings showing on phone #284

Closed ManFromNapa closed 1 year ago

ManFromNapa commented 1 year ago

When I filter by a specific day, users are not seeing all the meetings are showing. This only seems to happen on phones. On my laptop, and iPad I see all the meetings, but on my iPhone I’m only seeing the first 10 meetings. I also do not see an option for a “next page”.

In fact as I am writing this, I realize on my iPhone only shows the next 10 meetings with no option to see the next page. Is there an option I’m missing?

joshreisner commented 1 year ago

it should load 10 more meetings when you scroll down, do you see any errors in the javascript console?

im away and dont have access to a desktop web browser so i cant investigate until next week

presumably this is not a widespread problem, you dont see it happening on https://aasfmarin.org/meetings, right?

joshreisner commented 1 year ago

looks like you’ve got a few floating javascript add-ons like language, privacy, and accessibility tools. were any of those added recently?

ManFromNapa commented 1 year ago

None of those were added recently. I’ll check the JavaScript console for errors. I’ll also try disabling plugins to see if one of those is causing this. I’ll post an update with what I find.

enderv commented 1 year ago

Hooked up my phone to get logs and not seeing any errors in the console when I try to browse through the list, not sure what else to look for though

joshreisner commented 1 year ago

was the theme updated recently? it works on desktop? how about desktop with mobile viewport size?

ManFromNapa commented 1 year ago

I finally have some time to troubleshoot. On my phone I see 10 meetings. Desktop and iPad shows me 20.

I'm going to copy to a staging site and start disabling plugins to see if one of them is causing this. Will post once I have some new data.

ManFromNapa commented 1 year ago

Disabled all plugins and cleared my browser cache. Plugin behavior didn't change.

Trying to think about what could be creating this limit. Open to any and all suggestions.

joshreisner commented 1 year ago

try changing the theme. sounds like something is preventing it from knowing it has scrolled down. some odd css could be at fault?

ManFromNapa commented 1 year ago

CSS... my favorite. LOL.

I'm looking into CSS now. I'll try the theme a little later and update everyone.

joshreisner commented 1 year ago

presumably this was working before right?

ManFromNapa commented 1 year ago

I'm not sure to be honest. I feel like this might have always been an issue, I just wasn't aware of it. After looking at other goup's meeting page I don't remember ours ever listing as many meetings.

joshreisner commented 1 year ago

huh ok! we’ll definitely figure it out, but it might not be until i’m back in front of a computer tuesday night

ManFromNapa commented 1 year ago

Understood and appreciated. I'll keep trying to debug, and try a new theme when I have the time.

enderv commented 1 year ago

tried a few more things: in mobile switch to desktop view works fine. from desktop chome trying to use the devtools to mimic phone everything works fine.

ManFromNapa commented 1 year ago

It's not limiting you to 20 meetings? No matter what I try I can't get more than 20 meetings to show in desktop mode.

enderv commented 1 year ago

Didn't count but def more then 20 is showing am able to scroll a bit.

On Sun, Jan 22, 2023 at 5:47 PM ManFromNapa @.***> wrote:

It's not limiting you to 20 meetings? No matter what I try I can't get more than 20 meetings to show in desktop mode.

— Reply to this email directly, view it on GitHub https://github.com/code4recovery/tsml-ui/issues/284#issuecomment-1399643980, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAYTYVJAMKBTD67YX3NGZY3WTXBHXANCNFSM6AAAAAAUDDD6QE . You are receiving this because you commented.Message ID: @.***>

ManFromNapa commented 1 year ago

Well @#$^#... LOL. I've tried MacOS & Windows desktops. iPhone and iPad (Chrome & Safari on both). I'm seeing the limits. Wish I could see what you see, and figure out what the difference is.

ManFromNapa commented 1 year ago

Set up my staging site. Disabled ALL plugins and still had the limited # of meetings show. Changed my theme and was able to see all my meetings. Re-activated all my plugins, still saw all the meetings. So it's my theme.

Any recommendations on where to begin troubleshooting this?

tim-rohrer commented 1 year ago

Set up my staging site. Disabled ALL plugins and still had the limited # of meetings show. Changed my theme and was able to see all my meetings. Re-activated all my plugins, still saw all the meetings. So it's my theme.

Any recommendations on where to begin troubleshooting this?

Look for errors in the console is where I would start. If present, open an issue with the theme developer.

What theme are you trying to use?

ManFromNapa commented 1 year ago

I’m using Inspiro. I’ll open a ticket with them and share a link here for informational purposes, and in case anyone else experiences the same issue.

ManFromNapa commented 1 year ago

Nothing comes up on the console, but I did discover something. As I "zoom out" and the font gets smaller, more results show. That is, as the resolution changes so does the number of results. I'm investigating the theme settings about this.

ManFromNapa commented 1 year ago

[https://wordpress.org/support/topic/page-resolution-effects-js-results/]

We shall see what the plugin developers say.

tim-rohrer commented 1 year ago

I'm convinced this isn't a TSML UI issue, and I'm going to close this issue.

If needed, we can reopen later.

ManFromNapa commented 1 year ago

I'm convinced this isn't a TSML UI issue, and I'm going to close this issue.

If needed, we can reopen later.

I agree. I’ll keep updating this as I find a solution to help others who have this issue.

joshreisner commented 1 year ago

@ManFromNapa i'm finally back in front of a computer. try adding this custom CSS to your site:

html, body { height: auto !important; }
ManFromNapa commented 1 year ago

html, body { height: auto !important; }

That appears to have resolved the issue. Let me do some more testing with different browers, OS, and devices. Thank you all!!!