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.

vue-cool-select scrolls the page automatically when clicking on the searchbar

See original GitHub issue

Using 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:closed
  • Created 4 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
signmeuptwicecommented, Dec 2, 2019

:allowMobileScroll=“false” solved the issue

1reaction
iliyaZelenkocommented, Dec 2, 2019

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 the allowMobileScroll prop is being set.

Read more comments on GitHub >

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

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