Skip to content

Releases: sa-si-dev/virtual-select

v1.1.0

23 Jul 10:38
bcc3e64
Compare
Choose a tag to compare

Added

  • Improved documentation and samples for the Events sample page (#424 and #426 by @gnbm)

Fixed

  • #244 - Fixed an issue where the dropbox entrance animation looked clunky when opened, calling openDropbox programmatically (#402 by @gnbm)
  • #293 - Fixed an issue where the onChange event was fired twice when selecting an option from the search input (#422 by @bes-internal)
  • #388 - Fixed an issue where using booleans as dropdown options (values) made the values to be returned as empty when selecting false (#411 by @gnbm)
  • #404 - Fixed an issue where pressing ESC under certain configurations (like keepAlwaysOpen=true) was throwing the following error Uncaught TypeError: Cannot read properties of undefined (reading 'contains') at VirtualSelect.onKeyDown (#408 by @gnbm)
  • #406 - Fixed an issue where the removeMutationObserver() logic was not consistent with addMutationObserver (#407 by @Nilotaviano)
  • #412 - Fixed an issue where we got an error when using Virtual Select with the properties allowNewOption: true and searchNormalize: true when adding a new option (#413 by @gnbm)
  • #414 - Fixed an issue where using Virtual Select with the showSelectedOptionsFirst=true, after the selection, the dropdown was only updated properly with the selected options coming first after closing and opening it twice (#415 by @gnbm)
  • #416 - Fixed an issue where, when clicking between multiple VirtualSelect dropdowns, previously opened dropdowns remain open, which creates a confusing UI where multiple dropdowns can be open simultaneously (#418 by @gnbm)
  • #419 - Fixed an issue where, when using the open-source library Virtual Select, if we have two dropdowns, when we open dropdown A, then scroll down to dropdown B without closing dropdown A, and once we click on dropdown B to open it, dropdown A remains focused when closed. This focus shouldn't exist; only the focus on dropdown B should be retained (#421 by @gnbm)
  • #423 - Fixed an issue where the Dropdown didn't contain search, which was causing a focus on the onScroll event (#430 by @joselrio)
  • #425 - Fixed an issue where, when clicking on the dropdown and then on an input, the input briefly got focused but immediately lost it (previously, it always stayed focused) (#427 by @gnbm)
  • Improved label validation to only use labelNormalized if it exists AND is not undefined/null(#420 by @gnbm)

v1.0.49

08 Apr 11:43
2705aff
Compare
Choose a tag to compare

Added

  • #384 - Added more documentation details on the Initialize from native select element section (#398 by @gnbm)

Fixed

  • #396 / #397 - Fixed two regression issues from v1.0.48 that caused an error Uncaught TypeError: $ele is undefined during the dropdown initialization, and the clear button stopped working in the input search (#398 by @gnbm)

v1.0.48

30 Mar 07:53
3b13913
Compare
Choose a tag to compare

Added

  • Added the following accessibility configuration options:
    • ariaLabelTagClearButtonText - option used to enhance accessibility when focusing on the clear tag option
    • ariaLabelSearchClearButtonText - ID of the label element to use as a11y attribute aria-labelledby (PR #391 by @joselrio)
  • Added the following configuration options:
    • showDuration - dropdown opening animation time in milliseconds
    • hideDuration - dropdown closing animation time in milliseconds (PR #390 by @Nilotaviano)

Fixed

  • #339/#386/#387 – Fixed an issue that prevented the dropdown from displaying options after a user scrolled down, selected an option, cleared the selection, and reopened the dropdown. (PR #375 by @joselrio)
  • Improved accessibility by adding aria-labels to several elements and updating the tabindex values when the dropdown is opened/closed, ensuring better keyboard navigation (PR #375 by @joselrio)
  • Fixed a memory leak in the destroy() method by ensuring removeEvents() is always called (PR #390 by @Nilotaviano)
  • Fixed some linebreak style errors to make it more compatible with Windows/Mac (PR #394 by @gnbm)

v1.0.47

06 Jan 18:24
7c600b4
Compare
Choose a tag to compare

Fixed

  • #268 - Fixed a regression issue where pressing Shift+Tab in the search bar from the dropbox didn't focus the toggle-all checkbox (PR #372 by @OS-pedrolourenco)

  • Fixed an accessibility issue where focus was lost after closing the dropdown when navigating with the keyboard. (PR #375 by @joselrio)

  • #365 - Fixed an issue where unsafe options like JavaScript inline events being passed on the label or value fields were executed, leading to a potential XSS vulnerability. Setting enableSecureText: true is required for this use case to work as expected (PR #381 by @gnbm)

v1.0.46

26 Sep 13:14
28edddb
Compare
Choose a tag to compare

Fixed

  • #354 - Fixed a regression issue that caused an unwanted focus where the page autofocuses to the dropdown element (PR #357 by @OS-giulianasilva)

v1.0.45

26 Aug 15:08
7c88db0
Compare
Choose a tag to compare

Added

  • #312 - Added the following configuration options:
    • additionalDropboxClasses - additional classes for dropbox element
    • additionalDropboxContainerClasses - additional classes for the dropbox container element
    • additionalToggleButtonClasses - additional classes for the toggle button element (PR #334 by @gnbm)
    • A new documentation section called Custom styling was added to better showcase the usage of these new options
  • Added a callback function called selectedLabelRenderer to render the label of the selected item when select is closed, similar to labelRenderer (PR #337 by @AlexeySemenko )

Fixed

  • Fixed an accessibility issue to guarantee that the component's focus occurs when the dropdown is closed. (PR #350 by @JoaoFerreira-FrontEnd)

v1.0.44

24 Apr 21:33
db594ff
Compare
Choose a tag to compare

Fixed

  • #299 - Fixed an issue with translate3D that in Chromium-based browsers under specific window sizes/resolutions, the dropdowns can have their content blurry. (PR #329 by @gnbm)

v1.0.43

23 Apr 22:20
61e1a1e
Compare
Choose a tag to compare

Added

  • #320 - A new option called disableChangeEvent was added to the method reset() to control if it will trigger the change event. (PR #322 by @gnbm)

Fixed

  • #318 - Fixed an issue when using a dropdown with the search feature on, where the search feature became unresponsive after setting an empty options list. (PR #321 by @gnbm)
  • #319 - Fixed an issue when using a dropdown with a custom onServerSearch function, where when a user searched for a specific term, the scroll-down got broken and all options disappeared. (PR #319 by @gnbm)
  • #320 - Fixed an issue on the reset() method that triggered the change event and caused an infinite loop when used for instance inside the change event listener. (PR #322 by @gnbm)
  • Improved the method setOptionsPosition() by adding a parseInt() to help fix the issue with translate3D that in Chromium-based browsers under specific window sizes/resolutions, the dropdowns can have their content blurry.
    To have this fixed it requires a fix in popper and popover plugins that are used as dependencies. (PR #324 by @gnbm)

v1.0.42

12 Mar 22:25
7f03aa9
Compare
Choose a tag to compare

Added

  • Accessibility improvements to the clear button present on the dropdowns. (PR #314 by @joselrio)
  • New property ariaLabelClearButtonText: 'Clear button' that will help enhance accessibility when focusing on the dropdown clear button making it more verbose. (PR #316 by @gnbm )

Fixed

  • #298 - Fixed an issue when destroying an instance of the virtual select, where the event listeners associated with it were not being properly removed. (PR #304 by @OS-giulianasilva)
  • #311 - Fixed an issue when using dropdown with options shown as tags where the options had HTML content, causing the display of the tags to get broken. (PR #315 by @gnbm)
  • #313 - Fixed an issue when using dropdown with settings including allowNewOption: true with an empty list of options that caused the search input to be disabled. (PR #315 by @gnbm)
  • Fixed an issue when using popup mode and preselected values that forced the focus to go to the dropdown when entering a screen. (PR #307 by @bmarcelino-fe)

v1.0.41

02 Jan 22:58
cfacddf
Compare
Choose a tag to compare

Added

  • #270 - Added support for dropdowns showing selected options with tags to have tooltips whenever the text on the tag overflows its parent. (PR #286 by @gnbm )
  • Added several accessibility improvements, such as:
    • fixed the disabled behaviour since when a keyboard was in use to navigate through the screen it was possible to open a disabled dropdown;
    • improved the options structure to reflect the correct information about each one by changing the way the focus was being managed;
    • disabled tabindex=0 on all options and set it only to the one that is focused;
    • removed live-region, while managing/updating focus when it will not be needed
    • aria-label was added to all the options;
    • disabled search input focus when there are no options to show;
    • added the ability to clear all the selected options when the user uses the backspace or delete key;
      (PR #276 and #294 by @joselrio)

Fixed

  • #291 - Fixed an issue when opening a dropdown with search and pressing Tab when the search bar was enabled, where the dropdown was not being closed. (PR #276 by @joselrio)
  • #290 - Fixed an issue where disabled elements were still functional if accessed via the keyboard. (PR #276 by @joselrio)
  • Fixed issue an issue with selectAllOnlyVisible:true and empty filtered lists (filtering by an unexisting word the list was empty but the select all checkbox was being checked). (PR #287 by @gnbm)