question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

UI pages are not responsive (Firefox Android friendly)

See original GitHub issue

Description

Preset page on Firefox Android looks strange

Expected Behavior

That page should be responsive

Current Behavior

All layout is not resized properly

Possible Solution

<meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' />

You may need more adjusting despite that line of meta

Steps to Reproduce (for bugs)

  1. Install CanvasBlocker 0.5.13 on Firefox Android
  2. Open preset page

Context

Irrelevant

Your Environment

  • CanvasBlocker Version used: 0.5.13
  • Firefox version incl. 32- or 64-bit: Irrelevant
  • Operating System and version (desktop or mobile): any of Firefox Android
  • Installed addons: Irrelevant

Your Settings

Irrelevant


Note that you don’t have to use an Android to test. Simply use responsive design mode in Firefox

image

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:24 (20 by maintainers)

github_iconTop GitHub Comments

1reaction
kkapsnercommented, Sep 16, 2019

Great. Thanks for checking.

1reaction
kkapsnercommented, Jul 25, 2019

In an ideal world I would match the scaling so the content fills up the height of the screen. So the user sees everything and the can zoom in to the desired part.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Responsive Design Mode - Firefox Source Docs - Mozilla
From the Firefox menu: Select Responsive Design Mode from the Browser Tools submenu in the Firefox Menu (or Tools menu if you display...
Read more >
Web pages aren't displaying properly in Firefox for Android
Web pages aren't displaying properly in Firefox for Android · Open the page you want to view in Firefox. · Tap the menu...
Read more >
The responsive design mode does not work after moving to ...
Enable Responsive Design Mode 5. Click "Tap here to go to the mobile version of the site." > Current page will be mobile...
Read more >
Most sites not displaying as a mobile site when system display ...
In 59.0.2 on Android, the majority of websites display as the desktop version when the display size in Android is set to "Small"....
Read more >
The building blocks of responsive design - MDN Web Docs
Note: These weird x- elements may be unfamiliar; they are part of Brick, Mozilla's UI element library for mobile web apps.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found