Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

www.gfb-catering.de - desktop site instead of mobile site #4442

Open
webcompat-bot opened this issue Jan 26, 2017 · 5 comments
Open

www.gfb-catering.de - desktop site instead of mobile site #4442

webcompat-bot opened this issue Jan 26, 2017 · 5 comments
Assignees
Labels
browser-firefox-mobile engine-gecko The browser uses the Gecko rendering engine priority-normal severity-minor The site has a cosmetic issue.
Milestone

Comments

@webcompat-bot
Copy link

URL: https://www.gfb-catering.de/Bestellung/
Browser / Version: Firefox Mobile 50.0
Operating System: Android 6.0.1
Problem type: Desktop site instead of mobile site

Steps to Reproduce

  1. Navigate to: https://www.gfb-catering.de/Bestellung/

Expected Behavior:
Automatically redirect to mobile page.

Actual Behavior:
Shows useless message you have to click on.

From webcompat.com with ❤️

@adamopenweb
Copy link
Collaborator

I am able to reproduce this issue. Navigating to the site in Firefox Android takes us to an extra page before getting to the mobile site. Chrome is sent right to the mobile site for me. Spoofing the user agent as Chrome in Firefox, also takes us right to the mobile site.

ff

chr

@wisniewskit
Copy link
Member

This is the problem, right in their index.html:

  checkAndroidSize: function () {
    var index = navigator.userAgent.indexOf("Mobile Safari");
    if (index == -1) return "Tablet";
    return "Phone";
  },

This function is expected to return "Phone" for the redirect to work. The check is rather strange, as it's not based on screen size at all, but if they only want Chromium and Firefox for some reason, then they can use this instead:

  checkAndroidSize: function () {
    var phone = navigator.userAgent.indexOf("Mobile Safari") > 0 ||
                navigator.userAgent.indexOf("Firefox") >= 0;
    if (!phone) return "Tablet";
    return "Phone";
  },

@adamopenweb
Copy link
Collaborator

Reaching out by email to pirna@gfb-catering.com.

@karlcow karlcow added this to the sitewait milestone Oct 30, 2017
@miketaylr miketaylr added the engine-gecko The browser uses the Gecko rendering engine label Apr 30, 2019
@softvision-sergiulogigan

The issue is still reproducible on my side.

Tested with:
Browser / Version: Firefox Nightly 68.1a1 (2019-08-17)
Operating System: OnePlus 6 (Android 9) - 1080 x 2280 pixels, 19:9 ratio (~402 ppi pixel density)

@softvision-raul-bucata
Copy link

softvision-raul-bucata commented May 11, 2021

I was able to reproduce the issue. The link returns an error message, whilst on Chrome the link loads.

Screenshot 2021-05-11 182946

Tested with:
Browser / Version: Firefox Nightly (2015809611-🦎90.0a1-20210510093555🦎)
Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density)

Notes:

  1. Reproducible regardless of the status of ETP
  2. Reproducible on the latest build of Firefox Nightly
  3. Works as expected using Chrome

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
browser-firefox-mobile engine-gecko The browser uses the Gecko rendering engine priority-normal severity-minor The site has a cosmetic issue.
Projects
None yet
Development

No branches or pull requests

7 participants