[Bug Report][3.0.0-beta.14] v-parallax sometimes covers whole page or zooms incorrectly
See original GitHub issueEnvironment
Vuetify Version: 3.0.0-beta.14 Vue Version: 3.2.41 Browsers: Chrome 106.0.0.0 OS: Linux x86_64
Steps to reproduce
Check the codesandbox example and click between Go to About
and Go to Home
for navigation.
Expected Behavior
To work as in docs example
Actual Behavior
When navigating to the page with the v-parallax
component, the component sometimes covers the whole page and sometimes not. If it does cover the whole page, then you can scroll down a little bit and the effect disappears.
Also when using it with the latest nuxt version it behaves in a way that it sometimes zoomes in very strongly and sometimes not.
Reproduction Link
Issue Analytics
- State:
- Created a year ago
- Comments:5 (5 by maintainers)
Top Results From Across the Web
Bug Reporting - Apple Developer
File reports against beta software early. Beta software can sometimes introduce changes to APIs or new issues in your app that need to...
Read more >14 Bug Reporting Templates You Can Copy for Your QA ...
Check out these 14 super actionable bug report templates, tailored for your issue tracker like Jira, GitHub, Trello, Asana, Excel and more.
Read more >ReportingBugs - Community Help Wiki
How to report bugs. Ubuntu uses Launchpad to keep track of bugs and their fixes. This page will guide you through the steps...
Read more >Ten simple rules for reporting a bug - PLOS
Rule 2: Check whether the bug is already fixed If you really do need to file a bug against an old version, be...
Read more >How to Write A Good Bug Report? Tips and Tricks
Write different reports for each problem. Effective Bug Reporting. Bug reporting is an important aspect of Software Testing. Effective Bug ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Good catch, the initial scale is still too high though.
Looks like webpack 4 uses
exports.require
forimport { createVuetify } from "vuetify"
I can replicate the issue with plain div