Comments (8)
I'm not saying your issue doesn't have merit, just that it's not a bug. If it's not something that can be disabled maybe we add an option to do just that.
from vuetify.
I think that the user should be able to opt out of this functionality. Surely it can't be too difficult to allow disabling.
from vuetify.
This is happening because of edge detection and I don't think it's a bug. @KaelWD thoughts?
from vuetify.
Respectfully disagree. An unexpected behavior caused by something outside my control that gives a visual look not in line with the quality of the framework for me is a bug.
Anyway, changing the DIVs with VContainers changed nothing.
The width cannot be removed because the selector is in a side panel of a flex container.
Thanks for looking!
mario
from vuetify.
locationStrategy has a hardcoded viewportMargin as 12px, seems to deliberately keep Overlay minimum 12px away from edge by default. There must be a good reason behind it.
If parent div has a margin over 12px, it's working as expected demo
from vuetify.
Yes, putting the margin makes the dropdown stay where it should stay. Well, the overall effect is not nice as before (the selector filling the upper side of the sidebar) but acceptable.
Will be nice if you would like to investigate if this margin is really necessary o if it is possible to switch off (maybe with an option).
Anyway, thanks a lot for vuetify! With it my application has a very professional look.
from vuetify.
@KaelWD What was the reason behind
from vuetify.
<template>
<v-app>
<v-navigation-drawer>
<v-select />
</v-navigation-drawer>
<v-container>
<div style="height: 1000px" />
<v-btn>
<v-menu activator="parent" location="end">
<v-list>
<v-list-item v-for="i in 100">Item</v-list-item>
</v-list>
</v-menu>
</v-btn>
<div style="height: 3000px" />
</v-container>
</v-app>
</template>
Had a chat with John about this on monday, I have an idea for how to fix it.
from vuetify.
Related Issues (20)
- [Bug Report][3.6.6] divider vertical didn't work
- [Feature Request] VCheckbox - add forwardRefs
- [Bug Report][3.6.6] VAutocomplete not working with multiple, hide-selected with auto-select-first props, selecting first value in list results in selected first two.
- [Bug Report][3.6.6] VAutoComplete not show all items when using slot #item HOT 1
- [Documentation] Documentation webpage's side navigation drawer won't hide on window size change HOT 1
- [Bug Report][3.6.6] v-card-title and v-card-text padding is added to v-card global default padding
- [Bug Report][3.6.6] The item-children prop doesn't work in combination with load-children anymore
- [Bug Report][3.6.6] v-model value is undefined when clicking same key of button group. HOT 1
- [Bug Report][3.6.7] makeVExpansionPanelTextProps Error using Vertical Stepper HOT 1
- [Feature Request] target element for automatic created v-overlay-container should be configurable
- [Bug Report][3.6.7] v-date-picker range selection when cleared doesn't start a new range HOT 2
- [Bug Report][3.6.7] VTabs no text shown with items prop HOT 1
- [Bug Report][3.6.7] Behavior of VMenu position when scrolling on the page
- [Bug Report][3.6.7] VMain breaks unit tests HOT 1
- [Bug Report][3.6.7] VList expand/collapse expected types warning for SVG icons
- [Bug Report][3.6.6] v-tabs in Fullscreen v-dialog Get Displaced When v-tabs-window-item Content Causes Scroll HOT 1
- [Documentation] v-tooltip API documentation - using object in the tooltip
- [Bug Report][3.6.7] show-arrows="hover" not work when using v-slot:prev or v-slot:next in v-carousel
- [Bug Report][3.6.7] Any properties in contentProps that include the styles "left" or "right" will be removed when resizing
- [Bug Report][3.6.6] "Issue with Setting locale.adapter in createVuetify Function"
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 vuetify.