Login button/box not showing on iOS Safari

[Samson Corwell]

I don't know what the case for other browsers and operating systems is, but at least on Safari on iOS, there is no login button or input or anything of the sort. I'm posting this from a laptop.

[Michael Stuart Kelly]

Samson,

Hi.

I looked around and could not find anything, so I asked Grok before going the ticket route.

Quote

QUESTION:

I run a forum powered by Invision Power Board. A user just complained that on Safari on iOS, there is no login button. I have looked around and can find no information on this from others. Is there a problem?

 

ANSWER:

There could be several reasons why the login button is not appearing for users on Safari on iOS. Based on common issues related to web applications on Safari:

1. Browser Compatibility Issues: Sometimes, specific versions of browsers can have issues with the rendering or interaction of certain elements on a website. For instance, there have been known issues where elements or buttons fail to load properly in Safari due to compatibility problems with JavaScript or CSS.
2. Prevent Cross-Site Tracking: Safari has a setting called "Prevent Cross-Site Tracking" which can interfere with login processes, particularly if your site relies on cookies or other tracking mechanisms for authentication. This setting might block necessary data from being preserved during login redirection, causing the login button to not appear or function correctly.
3. Caching or Cookies: Issues with caching or cookies can lead to missing elements on pages. If Safari has cached an old version of your site or there are issues with how cookies are handled, it could result in the login button not being displayed.
4. JavaScript Errors: If there are errors in the JavaScript code responsible for rendering or handling the login button, this could prevent it from appearing. Safari's console might show errors if you inspect the page.
5. CSS or Layout Issues: Sometimes, the layout might push elements off-screen or behind other elements due to CSS issues, particularly if the responsive design isn't correctly handling iOS Safari's viewport.

 

For troubleshooting:

• Check for Updates: Ensure your Invision Power Board (IPB) software is up-to-date as newer versions might address known compatibility issues with browsers.
• Test on Different Devices/Browsers: Verify if the issue is isolated to iOS Safari by checking on other devices or browsers. If it's only on iOS Safari, it might be platform-specific.
• Inspect the Page: Use Safari's developer tools on an iOS device (or through Safari on macOS with the device connected) to inspect if the login button is actually in the DOM but not visible due to CSS or if there are JavaScript errors.
• Clear Cache and Cookies: Advise the user to clear their Safari cache and cookies to see if this resolves the issue.
• Check Browser Settings: Ask the user to check if "Prevent Cross-Site Tracking" is enabled in their Safari settings and consider disabling it temporarily to test if the login button appears.
• Look at IPB Settings: Review your IPB settings for any custom login configurations or CSS that might affect how the login button appears on mobile devices.

 

Without specific information from others facing the same issue, it's challenging to pinpoint the exact cause, but these steps should help in diagnosing and potentially resolving the problem. If the issue persists, consider reaching out to IPB's support or community forums for more specific advice tailored to your version of IPB.

IPB updates are constant and automatic (although supervised by me). So I doubt there is any coding problem or something like that on this end.

But try a few of those things, clearing cookies, looking at the "Prevent Cross-Site Tracking" setting, and so on, and see if that helps.

If nothing helps, I will send in a ticket.

Michael