kevingostomski / bootstrap-nice-select Goto Github PK

Create an animation for the popup if you open and close it. Should be handled with the already created data-animation if you want to toggle it off like currently for the .bootstrapNiceSelect('open') and .bootstrapNiceSelect('close') methods.

Yarn support as different package manager should be supported. Seems like it need a init for himself too.

Search gets triggered after directly entering a letter in the autocomplete popup search field. There should be a short time duration, before the actual search is triggered because if you are using async/await or an AJAX call, there will be uneccessary load time

When pressing Enter and the component is inside a <form> tag, the form gets standardized submitted so there should be no tag creation on clicking 'Enter', even if it is not inside a <form> so the helper text can be changed and the js code can be updated

Currently supported languages are only:

• English (United States)
• German (Germany)

Add more languages

Eventually rewrite class so a better plugin system can be used to add more stuff

When using keyboard interaction for controlling the popup or overlay and search container - on key ArrowDown when focus is on <input> element, the focus should jump to first founded search result like if you would press again Tab key if you want to change to it

You may control when Bootstrap-Nice-Select will allow the user to create a new tag, by adding some logic to a option named createTag to return a value of type Boolean if an invalid value is entered

make it possible, that not only a string CSS selector works. A HTML DOM object input should also work but only a single node and not a list. If someone initialize via list, je needs to use a .each() function method.

Eventually when the plugin pops off, create an own blog page without redirect to the CHANGELOG file.

Need to fix that if you use keyboard the Enter Event when using inside forms does not send the form to server if focus is on the search list

Tagging box should be resized when on mobile views so helper text is readable

Allow the creation of a custom toolbar, which will be added into the creation of the select field on the position in the following picture example:

In mobile view, the button icons are not centered anymore because of text truncation. Add as class "d-flex" & "align-items-center" to the delete and the add buttons automatically and the problem is solved.

Problem before:

After fix:

The "Delete" list to unselect options is already mobile friendly. The missing part is the search-container, which need to be fixed.

There should be a property which can be setted for a minimum input search length before it gets triggered.

Normally, you do not need to set multiple="multiple" or hidden="hidden". Only setting hidden or multiple is enough for the browser to know what is meant. The component currently does break when not setting the value for this properties. This should be fixed ASAP.

When errors occur during Bootstrap version detection, there should be a possible way, to set the version manually. Currently, the plugin component fails to initialize if that happens. Need to be added ASAP.

The Button shadows need to be somehow inherit from the actual color setted through the Bootstrap classes.

Lib need to add Promise.resolve to fix functionality so you can use something like fetch() on your input checks. Will be added ASAP

Allow through the options param to set the text for the selected language

Enable possibility for calling CustomEvent inserted.bs.bootstrap-nice-select on option data-tags. Thought that it was already possible but it will be fixed ASAP

If you initialized via HTML and you want to add an event on the <select> element, it is currently necessary to initialize it via Javascript. 2 methods needed to be added:

• getInstance | Static method which allows you to get the dropdown instance associated to a DOM element, you can use it like this: bootstrapNiceSelect.BootstrapNiceSelect.getInstance(element)
• getOrCreateInstance | Static method which returns a dropdown instance associated to a DOM element or create a new one in case it wasn’t initialized. You can use it like this: bootstrapNiceSelect.BootstrapNiceSelect.getOrCreateInstance(element).

Currently the remote calls do not work with async/await notation. They only work with old Promises. This should be reworked.

If allowing tag dynamic option creation, the tags should be written, so they are editable afterwards too, without deleting and creating a new one. This Link shows, how to set it.

Change current i18n to provide a standard output file with only english version, a version with all languages and output files per language

Add type="button" inside HTML, because as stated in W3 specification buttons default behavior is`type="submit" if not setted: W3C HTML5 Button

The following items should be possible to set custom style via template strings:

• text from li items in the delete list
• search container otpgroup badges
• text from li items in search container