Mobile devices cannot display the interface correctly

Product Support

AI-generated summary

The issue involves mobile devices failing to display the Discourse interface correctly after login, while desktop devices work fine. D-Hiro reports the problem occurs only when logged in as an administrator, with screenshots showing the broken layout. Falco cannot reproduce it initially but later identifies that Cloudflare RocketLoader is interfering with the site’s functionality. After disabling RocketLoader, D-Hiro confirms the issue is resolved. The discussion highlights that RocketLoader can break Discourse in unexpected ways, especially on mobile, and advises disabling it to prevent such issues.

1

After logging in, the mobile device cannot display the interface. But desktop devices display correctly.

Running version 2.9.0.beta2 (effbd6d3e4).

    cd: $home/plugins
    cmd:
      - git clone https://github.com/discourse/docker_manager.git
      - git clone https://github.com/discourse/discourse-adplugin.git
      - git clone https://github.com/discourse/discourse-spoiler-alert.git
      - git clone https://github.com/discourse/discourse-reactions.git
      - git clone https://github.com/discourse/discourse-whos-online.git
      - git clone https://github.com/discourse/discourse-math.git
      - git clone https://github.com/discourse/discourse-sitemap.git
      - git clone https://github.com/discourse/discourse-checklist.git
      - git clone https://github.com/discourse/discourse-chat.git
      - git clone https://github.com/discourse/discourse-calendar.git
      - git clone https://github.com/discourse/discourse-footnote.git
      - git clone https://github.com/discourse/discourse-tooltips.git

Screenshots

image
image2560×1435 227 KB

image
image2560×622 110 KB

2

Cant reproduce this on my phone

Screenshot_20220217-003047_Chrome
Screenshot_20220217-003047_Chrome840×2289 168 KB
Screenshot_20220217-003105_Chrome
Screenshot_20220217-003105_Chrome840×2289 255 KB

Does this happen on multiple devices / networks?

3

Thanks for your test.

I simulated the accounts of several users and their accounts are all displayed correctly. But logging in as an administrator doesn’t show up.

Screenshot_20220217-121056_Chrome
Screenshot_20220217-121056_Chrome1440×2876 258 KB
Screenshot_20220217-121022_Chrome
Screenshot_20220217-121022_Chrome1440×2876 96.1 KB

4

Have try tried safe mode?

5

I can take a quick look if you give me admin. User is https://nyanyacat.com/u/rafael_santos_silva/summary

6

Thank you for your reply.

Yes, I have tried it. The situation has not improved.

image
image2018×1456 156 KB

7

:ok_button: :slightly_smiling_face:

8

I still can’t repro:

image
image519×706 65.5 KB

But I think I found the problem. You are using Cloudflare RocketLoader, which is know to break Discourse in weird ways. You must disable either the whole Cloudflare acceleration, or just the RocketLoader feature. That would also explain why it’s broken for some people.

9

Yes, you are right. I have disabled RocketLoader feature, and it just work.

Thank you so much.