?
Referenced as Pull Request for: # 7981
avatar osignell
osignell
29 Sep 2015

Steps to reproduce the issue

Put a site offline, open the page with a mobile phone or similar device

Expected result

Usable login screen is shown

Actual result

Zoomed out login screen is shown, requires user to manually zoom in before logging in.

System information (as much as possible)

Additional comments

Can be fixed by including:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

in the section of the /templates/system/offline.php file

avatar osignell osignell - open - 29 Sep 2015
avatar anibalsanchez
anibalsanchez - comment - 29 Sep 2015

In the same line, it would be great to add autocorrect=off and autocapitalize=none in username field.

In my sites, I have added this script in login view:

$document->addScriptDeclaration('jQuery(document).ready(function(){
    jQuery("#username").attr("autocorrect", "off").attr("autocapitalize", "none");
});');
avatar brianteeman
brianteeman - comment - 29 Sep 2015

Which mobile browser are you using? The default behaviour when initial-scale
is not defined is for it to be 1.0

On 29 September 2015 at 09:49, Anibal Sanchez notifications@github.com
wrote:

In the same line, it would be great to add autocorrect=off and
autocapitalize=none in username field.

In my sites, I have added this script in login view:

$document->addScriptDeclaration('jQuery(document).ready(function(){
jQuery("#username").attr("autocorrect", "off").attr("autocapitalize", "none");
});');


Reply to this email directly or view it on GitHub
#7977 (comment).

Brian Teeman
Co-founder Joomla! and OpenSourceMatters Inc.
http://brian.teeman.net/

avatar osignell
osignell - comment - 29 Sep 2015

The problem is visible on an iPhone 6 with both the built-in Safari browser and with Google Chrome. In both cases the login screen is shown correctly if initial-scale is explicitly set to 1.0.


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7977.

avatar brianteeman
brianteeman - comment - 29 Sep 2015

Tested on iphone5 and android and cannot replicate.


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7977.

avatar justinherrin
justinherrin - comment - 29 Sep 2015

I can see the issue on iPhone 5S using both Safari and Chrome apps.

avatar justinherrin
justinherrin - comment - 29 Sep 2015

I will work on a PR to help make the offline page a bit more mobile friendly. Stay tuned

avatar brianteeman
brianteeman - comment - 29 Sep 2015

Obviously there must be a non-standard default setting on that phone. No
harm in making the update though - thanks

On 29 September 2015 at 15:16, Justin Herrin notifications@github.com
wrote:

I will work on a PR to help make the offline page a bit more mobile
friendly. Stay tuned


Reply to this email directly or view it on GitHub
#7977 (comment).

Brian Teeman
Co-founder Joomla! and OpenSourceMatters Inc.
http://brian.teeman.net/

avatar justinherrin
justinherrin - comment - 29 Sep 2015

PR #7981 has been created and is ready for testing

avatar brianteeman
brianteeman - comment - 29 Sep 2015

Sorry I completely misread the original report. I thought you were saying you had to zoom out in order to use it and not the opposite. Must not reply before I;ve had a coffee in future.

Closing as we have a PR

avatar brianteeman brianteeman - change - 29 Sep 2015
Status New Closed
Closed_Date 0000-00-00 00:00:00 2015-09-29 16:18:06
Closed_By brianteeman
avatar brianteeman brianteeman - close - 29 Sep 2015

Add a Comment

Login with GitHub to post a comment