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.

[Bug Report][3.0.0-beta.14] v-parallax sometimes covers whole page or zooms incorrectly

See original GitHub issue

Environment

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

https://codesandbox.io/s/reverent-robinson-gotfgx

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
KaelWDcommented, Oct 22, 2022

Good catch, the initial scale is still too high though.

somehow missing vuetify styles

Looks like webpack 4 uses exports.require for import { createVuetify } from "vuetify"

0reactions
yuwu9145commented, Oct 23, 2022

I can replicate the issue with plain div

Read more comments on GitHub >

github_iconTop 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 >

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