search

buefy / nuxt-buefy

Nuxt Buefy
MIT License
221 stars 33 forks source link

nuxt-buefy template switching from mobile to desktop view #120

Closed learntheropes closed 2 years ago

learntheropes commented 2 years ago

I have this codesandbox with a very basic nuxt and nuxt-buefy template.

If you open the preview in a new window and you switch in the chrome devtools to mobile view, you will see that the page is rendered as mobile for a few seconds but then it switches to desktop view.

The same happens locally and deployed with nuxt generate on netlify.

You can view it in action here

What can be the issue?

Here is the video of what I described: https://youtu.be/1oa_SYpmBbE

learntheropes commented 2 years ago

Forcing these values in my style.scss file does not fix the issue:

$tablet: 769px;
$desktop: 960px;
$widescreen: 1152px;
$fullhd: 1344px;
learntheropes commented 2 years ago

On firefox, if you disable touch simulation, it display correctly (mobile) if you re-enable it, it display as desktop.

See it here: https://youtube.com/shorts/9glx3jp8clQ

learntheropes commented 2 years ago

@jtommy Can you maybe help me? I'm stuck with two projects ready for production due to this.

jtommy commented 2 years ago

Ad discussed on Discord, it's missing meta tag