Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug Report] v-bottom-navigation appears on scroll when disabled #11640

Closed
ThomasKuhlmann opened this issue Jun 15, 2020 · 2 comments
Closed

[Bug Report] v-bottom-navigation appears on scroll when disabled #11640

ThomasKuhlmann opened this issue Jun 15, 2020 · 2 comments
Assignees
@johnleider
Labels
C: VBottomNavigation VBottomNavigation P: low The issue is of low importance T: bug Functionality that does not work as intended/expected
Projects
Vuetify 3 - Titan
Milestone
v2.5.x

Comments

@ThomasKuhlmann
Copy link

ThomasKuhlmann commented Jun 15, 2020 •
edited

Environment

Vuetify Version: 2.3.0
Vue Version: 2.6.11
Browsers: Chrome 83.0.4103.97
OS: Mac OS 10.15.2

Steps to reproduce

Scroll the window content

Expected Behavior

You should be able to scroll and bottom navigation should stay hidden since input-value=false

Actual Behavior

Bottom-navigation pops up.

Reproduction Link

https://codepen.io/thomaskuhlmann/pen/OJMRJYx
@ghost ghost added the S: triage label Jun 15, 2020
@johnleider
Copy link
Member

This issue exists in v2.2.x as well.

@johnleider johnleider added C: VBottomNavigation VBottomNavigation P: low The issue is of low importance T: bug Functionality that does not work as intended/expected and removed S: triage labels Jun 17, 2020
@abdu-udwz
Copy link

I ran into the same problem, what I've done to get around this is using v-if instead of input-value and I had to use some transition to replace the default one.

<v-slide-y-reverse-transition>
    <v-bottom-navigation
              v-if="bottomBar"
             ....
    >
        ......
    </v-bottom-navigation>
</v-slide-y-reverse-transition>

@ryo-gk ryo-gk mentioned this issue Jul 2, 2020
Closed
8 tasks
@johnleider johnleider added this to the v2.4.x milestone Dec 10, 2020
@johnleider johnleider added this to To do in Vuetify 3 - Titan via automation Dec 10, 2020
@johnleider johnleider self-assigned this Dec 10, 2020
MajesticPotatoe added a commit to ryo-gk/vuetify that referenced this issue Dec 15, 2020
@MajesticPotatoe
Merge branch 'master' into fix/vuetifyjs#11640-v-bottom-navigation-in…
10a9d25 
…put-value-not-effect
ElijahKotyluk added a commit to ryo-gk/vuetify that referenced this issue Dec 22, 2020
@ElijahKotyluk
Merge branch 'master' into fix/vuetifyjs#11640-v-bottom-navigation-in…
c2b91f5 
…put-value-not-effect
@KaelWD KaelWD modified the milestones: v2.4.x, v2.5.x May 11, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@johnleider johnleider

Labels
C: VBottomNavigation VBottomNavigation P: low The issue is of low importance T: bug Functionality that does not work as intended/expected
Projects
No open projects
Vuetify 3 - Titan
To do
Milestone
v2.5.x
Development

Successfully merging a pull request may close this issue.

fix(VBottomNavigation): make it work the input-value prop ryo-gk/vuetify
4 participants
@johnleider @KaelWD @abdu-udwz @ThomasKuhlmann