vue-cool-select scrolls the page automatically when clicking on the searchbar
See original GitHub issueUsing vue-cool-select in different components Whenever I click on the component it scrolls the page to put the component at the top.
using “vue”: “^2.5.22”, “vue-cool-select”: “^1.6.2”,
example of a problematic instance
<cool-select
v-model="userSelected"
:items="userResults"
:loading="searching"
item-text="label"
placeholder="Choose user"
disable-filtering-by-search
@search="onSearch">
<template slot="no-data">{{noData ? "No Result." : "Two characters minimum." }}</template>
<template slot="item" slot-scope="{item}">
<div>{{item.label}} - {{item.email}}</div>
</template>
</cool-select>
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Scroll to the top of the list in vue scrollable list (v-auto-complete)
I want to programmatically implement a way to scroll to top of the list every time i change the search input. Desired behavior:...
Read more >Select dropdown moves when scrolling · Issue #8268 - GitHub
Open the modal by clicking on show button, open the drop down and resize the display view till you can scroll on the...
Read more >How To Implement an Infinite Scroll with Vue.js - DigitalOcean
Infinite scrolling is a feature on websites and applications where a user scrolls down and reaches the bottom of the current page of...
Read more >scroll-behavior - CSS: Cascading Style Sheets - MDN Web Docs
The scroll-behavior property is specified as one of the keyword values listed below. Values. auto. The scrolling box scrolls instantly. smooth.
Read more >Event Handling - Vue.js
The usage would be v-on:click="handler" or with the shortcut, ... A method handler automatically receives the native DOM Event object that triggers it...
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
:allowMobileScroll=“false” solved the issue
That’s where my code checks before scrolling.
Maybe you have a typo (make sure you don’t forget about
:
), try to give me the full code. Also try:allowMobileScroll="false"
And you can try through Vue Devtools to check whether theallowMobileScroll
prop is being set.