Comments (1)
Sol tries to fit the popup in your viewport. If it detects, that the dropdown would extend over the page bottom, it opens the popup at the top. This is quite useful if you have a Sol element at the very bottom of your page. If the popup would open to the bottom and you have no more space to scroll down, you would not be able to select anything.
Right now there is no option to force it to display at the bottom (to the top would work though). It is quite hard do decide in code whether to open to the top or bottom so I'm afraid I can't provide a solution that fits all scenarios. The way it's implemented right now is the best compromise in my opinion.
You may provide your own positioning logic though, by overwriting the onScroll
function. You might simply copy the whole thing from the sol sources and just change the line reading
displayContainerAboveInput = this.config.displayContainerAboveInput || document.documentElement.clientHeight - this.config.scrollTarget.scrollTop() < selectionContainerBottom,
to
displayContainerAboveInput = false,
and all your sol elements will alway open to the bottom
from searchable-option-list.
Related Issues (20)
- how to destory SOL from dom?
- Integrating with Knockout.js HOT 1
- Change selected items container HOT 1
- How to add options from javascript?
- nice plugin works great except in safari browser , design messed up, pls check ...
- Dynamic binding to SOL, based on multiple selection
- Hide chosen elements
- Integrating with jquery-validation
- Selects Options on Page load
- ttitle abc
- Uncaught SyntaxError: Unexpected end of input
- How to Fetch the selected options in an array format
- Issue with search when select option tooltip is undefined
- how to get input value of sol
- How to limit select options limit? example how to i can limit checking only 3 car make if i have i option select 100 make?
- How to limit selected item number?
- How Pagination Work in SearchableOption List? HOT 3
- Auto Submit
- detect de-select all event
- Disabled SearchableOptionList
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 searchable-option-list.