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.

Doesn't work in Safari

See original GitHub issue

Hello.

I’m opening the demo in a macOS Safari Version 14.0.1 (16610.2.11.51.8) using responsive mode (iPhone 8). Demo says You are a desktop or laptop:

I expect You are a tablet or mobile phone In comparison, here is the same demo with the same viewports on Chrome and Firefox. Both are fine.

I’m struggling with the same issue in my project using the iPad (iOS 14) device.

Issue Analytics

State:
Created 3 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

yocontracommented, Nov 30, 2020

Looks like the issue is just https://stackoverflow.com/questions/38220485/safari-responsive-design-mode-css-media-query-device-not-applied (Safari doesn’t like device-width anymore).

I’ve updated the sample website to reflect that reality so it is consistent between browsers - it was last published years ago so it was pretty out of date, I updated the repo to auto publish so it doesn’t happen again.

I also updated the README to remove usage of device properties since they have unexpected behavior now - we don’t want to be encouraging people to use them.

0reactions

yocontracommented, Nov 30, 2020

@roboxv That is really strange then - this library is just setting up browser media queries, it should be getting any different results between the CSS queries and the matchMedia JS queries. I just updated to big sur so I can test on the latest safari and see what the deal is.