GithubHelp home page GithubHelp logo

Disabled attribute about virtual-select HOT 8 CLOSED

smagret avatar smagret commented on July 19, 2024
Disabled attribute

from virtual-select.

Comments (8)

sa-si-dev avatar sa-si-dev commented on July 19, 2024 1

@smagret thank you for the suggestion.

I will implement it in the future release.

from virtual-select.

sa-si-dev avatar sa-si-dev commented on July 19, 2024 1

@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.

yahyaerturan avatar yahyaerturan commented on July 19, 2024

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.

sa-si-dev avatar sa-si-dev commented on July 19, 2024

@yahyaerturan thanks for informing me. I will add that in the documentation.

from virtual-select.

bes-internal avatar bes-internal commented on July 19, 2024

@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 avatar sa-si-dev commented on July 19, 2024

@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.

sa-si-dev avatar sa-si-dev commented on July 19, 2024

@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.

squareclouds avatar squareclouds commented on July 19, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.