Comments (5)
Hi @lucianamendez , a reproduction link would really help here.
My guess is that since the touch property is not reactive and is always true on SSR, it is somehow interfering with the current breakpoint calculation
from vue-screen.
Yes, seems like is that. I managed to work around it by moving the conditions to the store when mounting the app and adding a watcher. Thanks!
from vue-screen.
@lucianamendez New version 1.5.6 should fix your problem. The library was running callbacks before checking for touch support.
If your problem persists, feel free to reopen the issue.
Thanks
from vue-screen.
I think the problem is still there...
I did a simple test
test: (screen)=> screen.breakpoint
I then output the two values on the screen
{{ $screen.brackpoint }} - {{ $screen.test }}
they are different.
from vue-screen.
@fernandodevelon you are supposed to return a boolean from a callback, returning a string makes it always truthy.
Also please create a minimal reproduction link so it's easier to spot misconfigurations vs bugs
from vue-screen.
Related Issues (19)
- The default tailwind breakpoint is incorrect HOT 2
- Using vue-screen in SSR causes hydration errors HOT 4
- Remove spread operators HOT 1
- How to detect that lib was initialized successfully? HOT 1
- Get values of breakpoints through $screen object HOT 3
- Vue 3 support HOT 4
- [nuxtjs] vue-screen breaks on ios 12,13 HOT 2
- nuxtjs - $screen is not resolved after build HOT 1
- onUnmounted is called when there is no active component instance to be associated with HOT 3
- Adding conditionnals breakpoints HOT 3
- Using matchMedia instead of window.resize HOT 1
- small suggested change in docs for Nuxt integration HOT 1
- Leftover console.log in package version HOT 5
- Width and Height on mobile view on Chrome is not correct HOT 1
- Property $screen does not exist. HOT 5
- dont work correctly on nuxt 3 3.4.2 HOT 1
- Bootstrap breakpoints HOT 3
- Support for vue-test-utils HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-screen.