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.

[Feature Request] Ability to limit Vuetify `<v-app>` to parent `<div>` size

See original GitHub issue

Problem to solve

Have vuetify only take-up a part of the web-page instead of the whole web-page. Currently trying to include an App I made in a Magento webpage, everything stays within the page except the drawers, footer and navbar, they size to fullscreen.

Proposed solution

An extra attribute for the <v-app> which allows it to be limited to it’s parents element width and height

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:16 (6 by maintainers)

github_iconTop GitHub Comments

3reactions
ThaDaVoscommented, Aug 3, 2018

Dropdown issue is fixed by using :attach="true"

2reactions
qm3stercommented, Jul 30, 2018
{
  overflow: hidden;
}

seems to be enough. Either on #root or #app even.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Application service — Vuetify
The v-app component is REQUIRED for all applications. This is the mount point for many of Vuetify's components and functionality and ensures ...
Read more >
Vuetify treeview - select parent without selecting children
In treeParents variable i filter out all the children if a parent is selected. This solution forces you to save also the original...
Read more >
Build a Beautiful Animated News App with Vue.js and Vuetify
Complete tutorial on how to easily build a beautiful animated news application using Vue.js, a popular JavaScript Framework along with ...
Read more >
Tools And Practices To Speed Up The Vue.js Development ...
Based on our payout feature above, we have an index.js file to import ... VAppBar } from 'vuetify/lib' export default { components: {...
Read more >
Testing Vue Components With Cypress - CSS-Tricks
When the button is clicked, an event is emitted to let the parent ... Apps using Vuetify wrap everything in a <v-app> component...
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