Joomla site displaying blank white screen when refreshing on default Android browser

While creating a new website using Joomla, I encountered an unusual issue. On any Android device using the default browser (Chrome), if I refresh any page on the website, it will display a white screen.

It's important to note that this only occurs during "page refresh" events. Opening the site directly from the address bar or navigating through links inside the website works fine. However, when you refresh the current page using the refresh button, a white screen appears with no content.

I am confident that the content is loading correctly because changing the rotation of the tablet or tapping on the white page to scroll down reveals the website.

There have been various reports on this issue, such as here, but I have not been able to find a solution that works for me. Do you have any suggestions on how to resolve this problem?

androidhtmlcssjoomla3.0

Answer №1

Achieved it!

Within Joomla, jQuery is initially loaded by default. In my Joomla 3.6.2 version, it loads jQuery v1.12.4 by default from the directory:
/media/jui/js/jquery.min.js

After attempting to upgrade to the latest version, I encountered an issue. The console log indicated that jQuery V3 could not be used due to bootstrap. Therefore, I reverted back to jQuery v2.2.4 and hurray, everything is now functioning seamlessly.

I hope this solution proves beneficial to others as well!

Many thanks

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Why does everything seem to move in sync with the table's scrolling?

I recently had an issue resolved that fixed most of my concerns: I needed to make three separate edits, and now when I reintroduce the other two edits, they are included within the table section and scroll along with the table instead of being stuck beneat ...

javascripthtmlcss

Utilizing jQuery to Calculate Tab Scores

Last week, my teacher and I collaborated on a fun game called rEAndom game (). The game is created using javascript, jQuery, and HTML5. One interesting feature of the game is that when you press the TAB key, a div displaying the score appears. You can chec ...

javascriptjqueryhtmlcss

Executing a JavaScript function from the form attribute value in HTML: Steps to follow

<html> <head> <script type="text/javascript"> function add() { num1 = 20; num2 = 30; total = num1 + num2; return total; } </script> & ...

javascripthtml

How can I use CSS to customize the appearance of the elements within an iframe?

<iframe src="#link"> #document <!doctype html> <html> ... </html> </iframe> Is there a way to customize the styling of elements within the #document using CSS only, without needing to use Jquery? ...

htmlcssiframe

Utilize the jQuery autocomplete UI Widget to trigger a select event on a dynamically generated row in a table

Currently, I have successfully implemented a jQuery autocomplete feature on the text input of a table data element called txtRow1. The data for this autocomplete is fetched remotely from a MySQL database and returned in JSON format as 'value' for ...

javascriptjqueryhtmljquery-ui

Font selection issue in Android react-native application

I'm currently facing an issue with integrating the font "Verveine Corp Regular" into my react-native app. The font seems to be working fine on the iOS build, but not on Android. I have placed the .tff file in the root of my project, linked it in the p ...

androidiosreactjsfontsreact-native

Error: Android ActionBar - API level 14 Does Not Support showAsAction Attribute

I've been struggling to integrate an Actionbar into my current project and I seem to be encountering a problem that I can't quite solve. Despite setting the API Version to 14 in both the Android Build Target and Manifest File, and even cleaning a ...

javaandroidandroid-actionbarandroid-xml

Mouseover function ceases to function once an element is dropped

After referencing this discussion, I successfully managed to drag items from one scroll overflow to another. However, the issue arises when these items (or their clones) are in the other scroll overflow as they do not respond to .mouseover(). The goal is ...

javascriptjqueryhtmlcssjquery-ui

HTML - implementing a login system without the use of PHP

While I am aware that the answer may lean towards being negative, I am currently in the process of developing a series of web pages for an IST assignment in Year 9. Unfortunately, the web page cannot be hosted and our assessor lacks the expertise to utiliz ...

javascriptphphtmlauthentication

Unable to conceal the innerHTML once the error has been rectified

My error messages are displayed using innerHTML. How can I make them disappear once the error is corrected? Currently, they stay on, even after the error is fixed. I tried resetting them at the top of the script but it didn't work. Link to JSfiddle ...

javascripthtml

Link to text on tablet and phone

On my website, I have included a phone number in the HTML as text. When viewed on an iPad tablet, it automatically interprets the phone number and turns it into an underline blue link. Is there a way to format the phone number in a different style so it d ...

htmlcssmobilehyperlinkphone-number

When navigating back, the Bootstrap Multistep Form breaks down

Tools I'm currently utilizing: HTML, CSS, Javascript, Bootstrap 3 Library / Package in use: https://codepen.io/designify-me/pen/qrJWpG Hello there! I am attempting to customize a Codepen-based Bootstrap Multistep Form from the provided link abov ...

javascripthtmlcsstwitter-bootstrap

Incorporate Error Text Spacing in Input Group Design

I'm currently working on developing a method to incorporate space for error messages within my form input group component. The main objective is to prevent any displacement of elements on my forms when displaying error messages. In this scenario, it ...

htmlcssvue.jsbootstrap-4

How to locate the position of a specific word on a webpage using jQuery

In my div, I am struggling to search like an editor. Despite multiple attempts, I have not found a solution yet. Can someone please advise me on how to resolve this issue? <div id="content"> <p> Lorem Ipsum is simply dumm ...

javascriptjqueryhtml

Create a fully responsive introduction page with three columns using Bootstrap, ensuring that the height of the

Currently, I am in the process of designing a website for a restaurant, hotel, and vineyard. My goal is to create three separate websites that are linked through one introductory page. The concept for the intro page involves three columns displayed side b ...

htmlcsstwitter-bootstrap-3responsive-design

Managing Server Response on Android Devices

While implementing my application, I encountered an issue with fetching data using webservices. If the server is down or not active, it returns response code 500 and causes my application to force close. I would appreciate guidance on how to handle this s ...

androidjsonweb-servicesserver-response

Adjusting the position of an iframe with a YouTube video when the window is resized

I'm struggling with resizing and moving a YouTube video embedded using the Youtube API. I'm not a web designer, so I'm facing some difficulties. When trying to resize the window, I can't seem to move or resize the video within an iframe ...

javascriptjqueryhtmliframe

Issue encountered with AJAX multiple image uploader

I'm attempting to create an PHP and JavaScript (jQuery using $.ajax) image uploader. HTML: <form method="post" action="php/inc.upload.php" id="upload-form" enctype="multipart/form-data"> <input type="file" id="file-input" name="file[]" a ...

javascriptphpjqueryhtmlajax

Why is the column width on this Tumblr page constantly flickering?

Seeking assistance with a minor issue on my Tumblr page - the content column seems to be flickering on mouseover, shifting between full width and its original programmed width. Any insight on the CSS causing this? Much appreciated! Check it out here (Dis ...

htmlcssthemestumblr

Angular Markdown Styling: A Guide

Currently, I am using Angular and Scully. I would like to add style to the image in a markdown file within Angular, but I am unsure of how to accomplish this task. The image is currently displaying too large. Can anyone provide me with useful advice on how ...

cssangularsassmarkdownscullyio