Comments (8)
@smagret thank you for the suggestion.
I will implement it in the future release.
from virtual-select.
@smagret this feature is available in the release v1.0.15
/** disable element */
document.querySelector('#sample-select').setAttribute('disabled', '');
/** enable element */
document.querySelector('#sample-select').removeAttribute('disabled');
[UPDATE] - v1.0.21
Use the below methods to disable/enable dropdown
document.querySelector('#sample-select').disable();
document.querySelector('#sample-select').enable();
from virtual-select.
As a positive remark, documentation misses this feature. Today I need this one and remember saw this in on of the emails as I follow the repo. But for a new one it might be a challenge.
from virtual-select.
@yahyaerturan thanks for informing me. I will add that in the documentation.
from virtual-select.
@sa-si-dev Why are you only marking the item itself disabled? You just make it visually inaccessible. The hidden input also needs to be with attr disabled. Otherwise, it is sent to the server from the form. Disabled items should not be sent to the server.
from virtual-select.
@sa-si-dev Why are you only marking the item itself disabled? You just make it visually inaccessible. The hidden input also needs to be with attr disabled. Otherwise, it is sent to the server from the form. Disabled items should not be sent to the server.
@bes-internal thanks for letting me know it. I will do the required changes in the future release.
from virtual-select.
@bes-internal this issue has been fixed in the release v1.0.21
Use the below methods to disable/enable dropdown
document.querySelector('#sample-select').disable();
document.querySelector('#sample-select').enable();
from virtual-select.
I just realised this is not done 100%. virtual-selects can still be edited via keyboard tab. could you please check this? this can be confusing for the user
from virtual-select.
Related Issues (20)
- Dropbox has blurry borders in Chromium browsers HOT 2
- when using server search, disableSelectAll doesn't work HOT 6
- When using popup mode and preselected values make the focus go to the dropdown when entering the screen
- The "disabled" property doesn't account for the tabindex. HOT 7
- Inline Style Css Properties is not Showing HOT 1
- Add property in the documentation HOT 1
- deselectAllOnlyVisible feature HOT 1
- Broken display of options with icons HOT 4
- Add classes to button HOT 3
- The search input is disabled when allowNewOption is set to true and the options are empty. HOT 5
- Search Feature Unresponsive After Setting an Empty List of Options HOT 3
- Scrolling is broken when a custom onServerSearch function Is defined HOT 10
- The reset() method is triggering on change event and causing an infinite loop when used on certain contexts HOT 1
- Custom values in onServerSearch are not respected HOT 1
- Scrolling gets stuck in Safari when multiple select has options selected HOT 2
- why i get the wrong in browser console: index.vue:62 Couldn't initiate Virtual Select HOT 1
- Search and Select not working with Groups HOT 1
- Dropdown gets blank after scroll to bottom and changing browser zoom
- first option always selected even when autoSelectFirstOption set to false
- When setting maxValues, first option is always selected
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 virtual-select.