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.

Emulate responsive behaviour

See original GitHub issue

In the very basic implementation there is no common ability to test components against various breakpoints in @media-queries - by resizing the browser window or using DevTools. Generally, if we hide sidebar and adjust paddings of the components wrapper there is a good approximation for what we are targeting. Do you have plans to implement the feature in some different way (iframes etc.) or should one use the above-mentioned approach to achieve this? Maybe by injecting custom CSS…

the examples of how it could look like: image image

or simply open a new page of a component without wrappers?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:8
  • Comments:24 (7 by maintainers)

github_iconTop GitHub Comments

7reactions
sapegincommented, Aug 14, 2018

This won’t help with responsive testing: media queries depends on the viewport size.

5reactions
Jmeyeringcommented, Jun 7, 2017

100% no chrome isolated makes complete sense to me and is just what I came here tonight to request. “Isolated” mode is not isolated at all.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to simulate mobile/responsive behavior on PC for web ...
I am trying to figure out if it's possible to simulate mobile behavior on PC. Because on PC, I can only see how...
Read more >
Chrome's Emulator for Responsive Design Testing - Mobile1st
We test Chrome's emulator to find out just how accurate it is for ... Can you trust Chrome's Emulator for your responsive design...
Read more >
Responsive Website Emulator - LT Browser - LambdaTest
Perform responsive website test on our free for lifetime responsive website emulator , LT Browser. Test responsiveness of your website on 50+ viewport...
Read more >
Responsive Design Testing on Real Devices - BrowserStack
Test responsive web designs, layouts, HTML & CSS on our Responsive Checker with real devices. Test websites on different screen sizes and resolutions....
Read more >
Responsive Design Mode - Firefox Source Docs - Mozilla
Responsive Design Mode gives you a simple way to simulate these factors, ... Reloading on these changes can be helpful because certain page...
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