Release of version 2.24.0 (2025-08-04)

What's New

• ROU-11920 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider, VirtualSelect v1.1.0.
• ROU-12024 / RPM-5688 - Now, French (fr) and German (de) are available in Multilingual Locales.

Fixed Issues and Improvements

• ROU-11919 - Fixed an issue where the Dropdown Search/Tags components became unresponsive and threw console errors when the allowNewOption extensibility attribute was used. The issue was fixed by updating the Virtual Select library.
• ROU-11926 / RPM-5839 - Fixed an issue where restoring a page from cache (using the back button) caused console errors when an AnimatedLabel component was conditionally rendered using an if statement based on isDataFetched from an Aggregate or Data Action.
• ROU-11937 - Fixed an issue that caused the Dropdown Search/Tags components not to close when clicking on another dropdown. The issue was fixed by updating the Virtual Select library.
• ROU-11952 / RPM-5882 - Fixed an issue where PullToRefresh was unintentionally triggered when closing the BottomSheet component.
  This occurred when the BottomSheet was placed in the Content placeholder of the native layout instead of the Bottom placeholder, and the component was closed via drag gestures.
• ROU-12023 / RPM-5899 - Fixed an issue that caused the Pagination component's accessibility not to work as expected. This occurred when more than 5 page buttons were present in the pagination block at runtime.
• ROU-12050 / RPM-5952 - Fixed an accessibility issue where the nav element used for the menu remained focusable in desktop layouts, causing unnecessary tab stops.
  The element is now removed from the tab order on desktop to improve keyboard navigation and prevent false positives in accessibility evaluation tools.
• ROU-12062 - Fixed an issue that caused the BottomSheet component to not respond to gesture events on certain tablet devices.
  This occurred when running the application on tablets like the iPad Pro in landscape mode, which are classified as a Desktop device by the platform.
• ROU-12066 / RPM-12066 - Fixed an issue that was preventing FocusTrap from behaving as expected.
  This occurred due to a regression on the BottomSheet, DropdownServerSide, Notification, SideBar, and Submenu.
• ROU-12067 / RPM-12067 - Fixed a performance issue in the AccordionItem component caused by unnecessary layout reflows.
  This was especially noticeable when typing quickly in input or textarea fields, resulting in screen lag.
• ROU-12091 / RPM-5932 / RPM-5991 - Fixed an issue where SideBar and BottomSheet child components sometimes lost keyboard navigation (A11Y).
  This occurred when they contained components like Tabs, which manage their own focusable elements, preventing proper focus trapping.
• ROU-12094 / RPM-5969 - Fixed an issue that caused the DropdownSearch/Tags components not to properly deal with focus on other elements when opened.
  When these components were active and another interactive element (e.g., an Input or Text Area) was clicked, focus would incorrectly return to the closing component after a brief shift, instead of remaining on the newly selected element. The issue was fixed by updating the Virtual Select library.
• RPM-6040 - Fixed an issue where the open Dropdown Search/Tags failed to close.
  This occurred when a user interacted with another Dropdown Search/Tags, causing multiple dropdown interfaces to appear simultaneously. The issue was fixed by updating the Virtual Select library.

Release of version 2.23.0 (2025-05-12)

What's New

• ROU-11663 - Added support for the latest versions of the iPhone by updating the associated dimensions on the framework when applying the CSS class iphonex. We’ll now support iPhone 15 and iPhone 16.
• ROU-11742 / RPM-5361 - A new input parameter, SanitizeDropdownValues, has been added to the OptionalConfigs in the DropdownSearch/Tags components.
  This parameter controls whether the data should be sanitized to prevent potential injected code execution.
• ROU-11808 - Now, DropdownSearch/Tags will use the latest version of their library provider, VirtualSelect v1.0.49.
  This version also brings new extensibility configurations that were added to the VirtualSelectConfigs structure, which contains the properties available on the SetVirtualSelectConfigs client action: ariaLabelTagClearButtonText, ariaLabelSearchClearButtonText, showDuration, and hideDuration.
  Consumers will need to have their references refreshed.

Fixed Issues and Improvements

• ROU-10829 - Fixed an issue that caused the DropdownSearch/Tags components to not display options in a specific scenario.
  This occurred when a user selected an option after scrolling down the dropdown list, cleared the selection, and reopened the dropdown, leading to a rendering issue.
  The issue was fixed by updating the Virtual Select library.
• ROU-11662 / RPM-5624 - Fixed an issue that caused the Pagination component to not update correctly.
  This occurred when the ShowGoToPage option was enabled, and filters were applied after navigating to a page other than the first.
• ROU-11689 - Fixed an issue where the DatePicker component would appear behind a popup in responsive web applications on phone-sized screens.
  This issue occurred when the DatePicker was opened from within a popup, preventing proper interaction with the component.
• ROU-11690 / RPM-5628 - Fixed an issue where a conflict between time-related components '.animate' class was conflicting with the Animate component that has a class with a similar name.
• ROU-11695 / RPM-5644 - Fixed an accessibility issue on the DropdownSearch/Tags components where some interactive elements were not properly accessible or focusable.
  This occurred when attempting to clear a selection using the clear button, which was not recognized as a button and didn't update its focus state when hidden.
  Also, when navigating the dropdown with the keyboard, there were focus issues on elements that should not have been focusable when not visible.
  The issues were fixed by updating the Virtual Select library.
• ROU-11726 / RPM-5660 - Fixed an issue where the LightBox component would trigger an error visible in both the browser console and the monitoring console.
  This occurred in edge cases where users navigated to a new screen quickly, preventing the asynchronous initialization of the LightBox instance from completing.
• ROU-11743 / RPM-5580 - Improved the event handlers management for the DropdownSearch/Tags and the DropdownServerSide components.
  Improved the focus trap and button effects scripts with a focus on performance.
• ROU-11767 - Fixed an accessibility issue that caused the Wizard component not to allow focus using Tab key navigation.
  This occurred when navigating with the Tab key on a Wizard component that contained WizardStepItems with Status = Next.
• ROU-11773 / RPM-5722 - Fixed an issue that caused the DropdownServerSide component to trigger the OnSelected event twice.
  This occurred when the DropdownServerSide component was used with AllowMultipleSelection = False, and navigation was performed using the keyboard arrows.
• ROU-11798 - Fixed an issue that caused the DatePicker, DatePickerRange, MonthPicker, and TimePicker components to render aria attributes with incorrect syntax, defined in the underlying flatpickr library.
• ROU-11799 - Fixed an issue that caused the DatePicker, DatePickerRange, and MonthPicker components to have the year/month input hidden when using inline mode through extensibility.
• ROU-11827 - Fixed accessibility issues in the SubMenu, DatePicker, DatePickerRange, and TimePicker components.
  These fixes include incorrect aria role usage in the SubMenu component, missing input labels in TimePickers, the "Today" button not being keyboard-accessible when the pickers were inline, and missing role attributes in DatePicker/DatePickerRange components.
  These fixes improve support for assistive technologies
• ROU-11858 / RPM-5781 - Improved Tabs component descriptions and error handling to prevent issues when used without at least one TabsHeaderItem and one TabsContentItem.
  This ensures proper tab functionality and avoids unexpected errors.
• ROU-11864 - Fixed an issue that caused the Tabs component's active indicator to be visually misaligned with the currently selected tab.
  This occurred when a TabsHeaderItem was dynamically hidden at runtime.

Release of version 2.22.0 (2025-02-26)

What's New

• ROU-11479 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider VirtualSelect v1.0.47.
• ROU-11384 - Added the ability to customize the Progress Bar component's animation speed using new CSS variables: '--progress-initial-speed' and '--progress-speed'. Developers can now adjust the animation speed to fit their specific use case for smoother transitions.

Fixed Issues and Improvements

• ROU-11403 - Fixed an issue on the Dropdown Search/ Tags components that prevented the "Select all" checkbox from being accessible via tab navigation.
• ROU-11408 - Fixed an accessibility issue where the Dropdown Search/Tags components lost focus after being closed.
  This occurred because the focus was incorrectly shifting to the body instead of returning to the dropdown’s original context.
• ROU-11464 - Fixed an issue in which the Date and DateTime inputs displayed the incorrect date format when the device language was set to RTL, but the application used an LTR layout. This issue primarily affected the DatePicker component.
• ROU-11487 - Fixed an issue that caused the Sidebar component to remain open even after clicking outside of it when initially opened.
• ROU-11512/RPM-5484 - Fixed an issue that caused the Notification component to fail to apply the CloseAfterTime setting consistently when triggered multiple times.
  The issue occurred when the Notification was set to automatically close after a specified time but was interrupted by either user interaction or API calls, causing it to ignore the configured timeout on subsequent triggers.
• ROU-11513 - Fixed an accessibility issue where the Pull to Refresh component was detectable by screen readers, but provided no meaningful feedback to users.
  This occurred when the user used the screen reader on a mobile device to navigate through the screen and, has been addressed by making the component inaccessible to screen readers.
• ROU-11521/RPM-5495 - Fixed an issue on the Menu utils client action SetActiveMenuItems that changed how it worked and prevented the right option from being set as active.
  This occurred due to the focus trap implementation given that the Submenu component can have more children than Submenu items.
• ROU-11536/RPM-11536 - Fixed an accessibility issue that caused the Rating component to incorrectly assign the same element identifier multiple times in the DOM, causing it to be flagged by accessibility tools.
• ROU-11549 - Fixed an issue that caused incorrect positioning of the DropdownServerSide component when used inside a BottomSheet component.
• ROU-11563/RPM-11563 - Fixed an issue that caused design-time preview issues with the DropdownServerSide component in the IDE.
• ROU-11631/RPM-5591 - Fixed an issue that prevented the content selection in the TextArea widget when it was disabled.
  This happened when the end user attempted to select the text in a disabled TextArea, as a CSS rule applied a 'pointer-events: none' property.

Release of version 2.21.0 (2024-12-02)

Fixed Issues and Improvements

• ROU-10854 /RPM-10854 - Improved the Date Picker inputs to be case-insensitive.
  Previously, when the end users entered weekday or month names with incorrect capitalization in editable date pickers, the component could not handle the date or date range correctly.
• ROU-11233 / RPM-5222 - Fixed an issue that caused the Floating Actions component to be incompatible with strict Content Security Policy (CSP) rules, specifically when unsafe-inline was disabled.
• ROU-11282 / RPM-5247 - Fixed an accessibility issue in the Pagination component that prevented page buttons from receiving focus during keyboard navigation.
  This occurred when the buttons were not the first or last in the page button list.
• ROU-11287 / RPM-5260 - Fixed an issue with the Skip to Content link where the tabindex="0" was prematurely removed from the main content.
  Now, the tabindex will only be removed after the focus has shifted to another element, ensuring proper focus management for keyboard navigation.
• ROU-11295 / RPM-5265 - Fixed an issue where the Tabs component received focus unexpectedly when navigating to a screen.
  This occurred when having content positioned above the Tabs causing the page to scroll and bringing the Tabs into focus.
• ROU-11343 / RPM-5317 - Improved accessibility across all platform widgets and OutSystems UI components to ensure better visibility and usability when using High-Contrast mode on Windows.
  Please be aware that any custom CSS previously implemented to support High-Contrast mode may be impacted by these changes. We recommend reviewing and updating your custom code accordingly.

Release of version 2.20.2 (2024-09-30)

What's New

• ROU-11181 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider VirtualSelect v1.0.46.

Fixed Issues and Improvements

• ROU-11193- Fixed an issue where the Date Picker component generated an invalid date.
  This occurred when EditableInput was set to True and the Enter key was pressed in the input field.
• ROU-11189 - Fixed an issue that caused the DropdownServerSide component to close when clearing the search text.
  This occurred when clicking the clear text icon and when on a phone device.
• ROU-11183 - The logic managing Menu events now also handles screen orientation changes when the application runs on tablet devices.
  Previously, this logic was spread across JavaScript nodes within the App Templates so, with this update, we will need to manually remove the JavaScript nodes from the Menu OnReady and OnDestroy event handlers and pass the callback to the new client action called MenuReady.
  The code remains retro-compatible, and a deprecation warning will be logged in the console.
  However, we recommend making these changes to reduce technical debt and ensure future compatibility.
• ROU-11179 / RPM-5212 - Fixed an issue where the DatePicker component displayed an incorrect InitialDate.
  This occurred when used to display dates from specific time zones (e.g., Pacific Time).
• ROU-11113 / RPM-5191 / RPM-5219 - Fixed an issue that caused the DatePicker and DatePickerRange components to have two inputs visible.
  This occurred when DatePicker or DatePickerRange components were used inside an InputWithIcon component.
• ROU-11053 - Created two new client actions called MenuReady and MenuDestroy client actions to properly manage accessibility behaviors on the Menu block.
  For previously created applications, you can get the dependency for these client actions and apply them to the Menu block.
• ROU-11042 - Fixed an issue that caused the ButtonGroup validation message to appear in the wrong position.
  This occurred when using the ButtonGroup inside a Form and with Mandatory set to True.
• ROU-11023 / RPM-5172 - Fixed an issue that caused the DatePicker and DatePickerRange components not to properly update the year when navigating using the keyboard.
  This occurred when a user pressed Enter after focusing on the month selector.
• ROU-11016 / RPM-5169 / RPM-5177 - Fixed an issue that prevented MenuIcon from receiving the focus and triggering the associated action when navigating with the keyboard.
  This issue occurred when using the Tab key to reach the MenuIcon on phone or tablet-sized displays, and pressing Enter or Space did not activate the Menu Icon as expected and, the focusable elements inside the Side Menu weren't properly updated once the menu got closed.
• ROU-11005 - Fixed an issue that caused the DatePicker, DatePickerRange, MonthPicker, and TimePicker components to still receive focus when their input fields were disabled. This occurred due to a missing validation check for the disabled status.
• ROU-10988 - Fixed an issue that caused the DropdownSearch/Tags accessibility not to work properly after closing.
  This occurred when the DropdownSearch/Tags components were closed by pressing the ESC or Tab keys.
• ROU-11186 - Improved overall JavaScript code compatibility with the usage of strict mode.

NOTE: This release is only out in the low code asset for ODC

Release of version 2.20.0 (2024-09-30)

What's New

• ROU-11181 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider VirtualSelect v1.0.46.

Fixed Issues and Improvements

• ROU-11193- Fixed an issue where the Date Picker component generated an invalid date.
  This occurred when EditableInput was set to True and the Enter key was pressed in the input field.
• ROU-11189 - Fixed an issue that caused the DropdownServerSide component to close when clearing the search text.
  This occurred when clicking the clear text icon and when on a phone device.
• ROU-11183 - The logic managing Menu events now also handles screen orientation changes when the application runs on tablet devices.
  Previously, this logic was spread across JavaScript nodes within the App Templates so, with this update, we will need to manually remove the JavaScript nodes from the Menu OnReady and OnDestroy event handlers and pass the callback to the new client action called MenuReady.
  The code remains retro-compatible, and a deprecation warning will be logged in the console.
  However, we recommend making these changes to reduce technical debt and ensure future compatibility.
• ROU-11179 / RPM-5212 - Fixed an issue where the DatePicker component displayed an incorrect InitialDate.
  This occurred when used to display dates from specific time zones (e.g., Pacific Time).
• ROU-11113 / RPM-5191 / RPM-5219 - Fixed an issue that caused the DatePicker and DatePickerRange components to have two inputs visible.
  This occurred when DatePicker or DatePickerRange components were used inside an InputWithIcon component.
• ROU-11053 - Created two new client actions called MenuReady and MenuDestroy client actions to properly manage accessibility behaviors on the Menu block.
  For previously created applications, you can get the dependency for these client actions and apply them to the Menu block.
• ROU-11042 - Fixed an issue that caused the ButtonGroup validation message to appear in the wrong position.
  This occurred when using the ButtonGroup inside a Form and with Mandatory set to True.
• ROU-11023 / RPM-5172 - Fixed an issue that caused the DatePicker and DatePickerRange components not to properly update the year when navigating using the keyboard.
  This occurred when a user pressed Enter after focusing on the month selector.
• ROU-11016 / RPM-5169 / RPM-5177 - Fixed an issue that prevented MenuIcon from receiving the focus and triggering the associated action when navigating with the keyboard.
  This issue occurred when using the Tab key to reach the MenuIcon on phone or tablet-sized displays, and pressing Enter or Space did not activate the Menu Icon as expected and, the focusable elements inside the Side Menu weren't properly updated once the menu got closed.
• ROU-11005 - Fixed an issue that caused the DatePicker, DatePickerRange, MonthPicker, and TimePicker components to still receive focus when their input fields were disabled. This occurred due to a missing validation check for the disabled status.
• ROU-10988 - Fixed an issue that caused the DropdownSearch/Tags accessibility not to work properly after closing.
  This occurred when the DropdownSearch/Tags components were closed by pressing the ESC or Tab keys.
• ROU-11186 - Improved overall JavaScript code compatibility with the usage of strict mode.

Release of version 2.19.2 (2024-08-19)

What's New

• ROU-10821 - Now, Range Slider and Range Slider Interval components will be using the latest version of their library provider (noUISlider v15.8.1).

Fixed Issues and Improvements

• ROU-10847 - Fixed an issue where the DatePicker component opened its balloon and cleared the input value.
  This issue occurred when the DatePickerSetEditableInput client action was used, and the user pressed the Tab key.
• ROU-10848 / RPM-5059 - Fixed an issue that caused the DropdownServerSide component's input to appear out of place.
  This occurred when the DropdownServerSide was being used inside a Form.
• ROU-10849 / RPM-5060 - Fixed an issue that caused the DropdownServerSide component to scroll and hide the first item.
  This occurred when pressing Arrow Down with the balloon container focused.
• ROU-10851 - Fixed an issue that caused the AnimatedLabel component not to appear active when it had a default value.
  This occurred when setting a default value on the AnimatedLabel's input variable.
• ROU-10860 - Fixed an issue that caused the DropdownServerSide component not to work as expected.
  This occurred when opening the DropdownServerSide component on an Android device.
• ROU-10865 - Fixed an issue that caused the right border of the dropbox to disappear in the Dropdown Search/Tags components.
  This issue occurred when a search keyword caused the results to no longer display a scrollbar.
• ROU-10909 - Fixed an issue that caused the Tooltip component not to appear open on screen load.
  This occurred when setting the StartsOpen parameter to True.
• ROU-10913 - Fixed an issue that caused the TabsContent component to have display: block instead of display: contents.
  This occurred when using the DisableTabItem client action set to False.
• ROU-10919 - Fixed an issue that caused the Video component not to play as expected.
  This occurred when using a URL from a resource within the app since the URL gets appended with a session hash, which prevented the video extension from being properly calculated.
• ROU-10923 - Fixed an issue where the "Today's" button in the DatePicker/DatePickerRange components did not have a tab index -1 when the DatePicker was closed.
  This occurred when the ShowTodayButton option was set to True and the DatePicker/DatePickerRange instance was closed.
• ROU-10927 - Fixed an issue causing misalignment in the DatePicker/DatePickerRange components when used inline.
  This occurred when the SetFlatpickrConfigs client action had the inline set to True.
• ROU-10935 - Fixed an issue that caused the DatePickers inputs not to render correctly.
  This occurred when using the extensibility client action SetFlatpickrConfigs to set the configuration inline = true.
• ROU-10974 - Fixed an issue that prevented screen readers gets full context about the content and structure.
  This occurred when the user used the screen reader to get from the Overflow Menu and received feedback that was not provided correctly.
• ROU-10982 - Fixed an issue causing a memory leak associated with the RTL observer.
  This occurred when using provider-based components and when navigating several times between screens.

Release of version 2.19.1 (2024-06-11)

What's New

• ROU-10768 - Now, Range Slider and Range Slider Interval components will be using the latest version of their library provider (noUISlider v15.7.2).

Fixed Issues and Improvements

• ROU-4248 - Fixed an issue where validation messages were incorrectly positioned when the IsRTL setting was enabled.
• ROU-4825 - Improved the parameters change mechanism to prevent multiple redraws when using all the components relying on a provider library - Carousel, DatePicker, DatePickerRange, DropdownSearch, DropdownTags, TimePicker, MonthPicker, RangeSlider and RangeSliderInterval.
• ROU-10687 - Fixed an issue that caused the DropdownServerSide component not to apply the invalid styles. This occurred when the invalid status was set using the DropdownServerSideNotValid client action.
  Improved the application of A11Y outline styles, ensuring that focus on the options list content is more consistent and visible.
• ROU-10751 / RPM-4988 - Fixed an issue that caused the Tabs' content to be hidden in design time (ServiceStudio).
  This occurred due to a CSS selector not considering the exception for the preview styling inside ServiceStudio.
• ROU-10753 - Fixed an issue that caused the DropdownSearch and DropdownTags component's content to be blurry.
  This occurred when zoom-in or zoom-out was used on different zoom levels and Chromium-based browsers.

Others:

• A new JavaScript API has been added, to allow changing the clickable area in accordion items between the whole header (current behavior) and the icon only.
  This update was inspired by a pull request submitted by @ElevenMou 🚀 and curated in #949:

OutSystems.OSUI.Patterns.AccordionItemAPI.ToggleClickableZone("ACCORDIONITEMID", true);

Release of version 2.19.0 (2024-05-20)

What's New

• ROU-3863 - Now, FlatpickrConfigs structure has the following new extensibility configurations that can be used through SetFlatpickrConfigs client action - enableSeconds, hourIncrement and minuteIncrement.
• ROU-4738 / ROU-4770 - The Tooltip and DropdownServerSide components have been improved to reuse the internal Balloon element from the OutSystems UI framework (based on the FloatingUI library), previously used solely by the OverflowMenu component.
  This change introduces no platform-breaking changes.
  Nevertheless, slight variations in positional behavior may happen in runtime, particularly for Tooltip instances. These adjustments are inherited from the Balloon's integration of the FloatingUI library, which dynamically manages the positioning logic, ensuring adjustments as needed, particularly when the Tooltip boundaries appear outside the viewport.
  Furthermore, the classes osui-dropdown-serverside-is-opened and osui-tooltip-is-open are now exclusively applied to the Balloon element, mirroring their prior placement.
  These adjustments remove the need for these classes on the root element.
  Additionally, previously, DropdownServerSide and Tooltip instances lived outside the block context as direct children of the active-screen element, this restructuring maintains them within the original screen context, avoiding the need for class application at the root level.
• ROU-4865 - Now, the client action DropdownClear has a new optional input parameter called SilentOnChangedEvent to control when to trigger the OnChange event of the DropdownSearch/Tags.
  This can cause a functional breaking change since the OnChange event was previously triggered by default. Still, based on feedback this was causing problems so, for consistency, we’ll offer out-of-the-box what we think is the best experience but still allow developers to change the behaviour if it fits their requirements.
• ROU-4875 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider (VirtualSelect v1.0.44).
• ROU-4882 - Now, OutSystems UI O11 supports a new feature that allows disabling calls to the ECT_Provider endpoint for Mobile and Reactive apps. You can turn on this feature on the App Feedback back office. For more information, please check the release notes of Platform Server 11.28.0 (RPM-866).

Fixed Issues and Improvements

• ROU-4704 - Firefox now supports the has() CSS selector.As such, all Firefox fallbacks on the OutSystems UI theme for the has() selector were removed.
• ROU-4814 - Fixed an issue that caused the Deprecated Carousel to be unable to move elements on Firefox. This occurred only for Firefox and when a Carousel contained only images.
  The extended attribute draggable=false will be added to each image to prevent the image from dragging inside the Carousel (only applicable for new instances of the Carousel so for existing ones this attribute needs to be manually added).
• ROU-4821 - Fixed an issue that caused the DatePicker not to render correctly for multiple months.
  This occurred when the Flatpickr extensibility option “showMonths” was being used.
• ROU-4863 - Fixed an issue that caused the DatePickers not to appear rendered in Service Studio.
  This occurred when used inside an OverflowMenu or Submenu component.
• ROU-4868 / RPM-4872 - Fixed an issue that caused the DatePickers not to render the initial date.
  This occurred when the MinDate, MaxDate and InitialDate had the same value and the TimeFormat field was set to Disabled.
• ROU-4872 / RPM-4873 - Fixed an issue that caused the Dropdown Search/Tags components to get their content blurry. This occurred when using Chromium-based browsers under specific window sizes/resolutions because of an issue with translate3D on these browsers when dealing with decimal pixels.
• ROU-4881 - Fixed an issue that caused the Overflow Menu balloon to throw an error on the browser’s console. This occurred when the balloon was open and the end user navigated to the same page via the back button.
• ROU-4890 / RPM-4912 - Fixed an issue that caused the SectionIndex to scroll to target locations using wrong offset values, not considering the Header height.
  This occurred when the screen composition contained multiple elements above the SectionIndex targets, like the Title Placeholder.
• ROU-4898 / RPM-4898 - Fixed an issue that caused the DatePickerClear client action not to work on DatePickers. This occurred when the DatePicker component was configured using only one variable for the initial and selected date.
• ROU-4902 - Fixed an issue that caused the DatePicker component to incorrectly disable some dates after selecting a first date.
  This occurred when the DatePicker had disabled dates (using DatePickerDisableWeekDays or DatePickerDisableDays client actions).
• ROU-4903 / RPM-4946 - Fixed an issue that caused the Animated Label component to overlap the input content.
  This occurred when using an Animated Label alongside an input field with a type 'number'.It manifested when inputting numerical values followed by adding a '+', '-', or 'e', causing the label to descend and overlap the input field.
• ROU-4908 - Fixed an issue that caused the MonthPicker keyboard navigation not to work properly when the first month was disabled.
• ROU-4912 - Fixed an issue that caused the Date Picker component when in edit mode and with time enabled not to allow its inputted value to be deleted.
  This occurred when trying to delete the inputted value and close the DatePicker by clicking outside.

Release of version 2.18.4 (2024-04-01)

What's New

• ROU-4761 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider (VirtualSelect v1.0.42).
  This version also adds a new extensibility configuration to the VirtualSelectConfigs structure that contains the properties available on the SetVirtualSelectConfigs client action - ariaLabelClearButtonText.
• ROU-4795 - Created two new client actions, RatingEnable and RatingDisable, to manage the enable/disable status.
• ROU-4823 - Now, it's possible to disable the focus feature on the Alert component by using the class disable-alert-focus on the ExtendedClass parameter.

Fixed Issues and Improvements

• ROU-3816 - Fixed an issue that caused the DatePicker, DatePickerRange and MonthPicker components not to close when a screen scroll started in the picker’s input.
• ROU-3898 - Fixed an issue on the DatepickerRange component that allows the selection of dates with disabled dates inside the range. This was caused by a missing validation on Flatpickr’s provider on each selected date that needed to check which dates were available and were allowed to be selected.
• ROU-3937 - Fixed an issue in the PullToRefresh script that was throwing an error while scrolling.
  This occurred when a user was scrolling up the screen and after scrolling down to trigger the PullToRefresh, the browser ignored the cancel request of the touchmove event, throwing an error into the console.
• ROU-3947 - Improved accessibility on the MonthPicker component keyboard navigation and accessibility compliance.
• ROU-4578 - Fixed an issue that caused the DropdownSearch and DropdownTags components to show the “Select All” checkbox as checked wrongly. This occurred when searching for something that returns no results when at least one Item was already selected.
• ROU-4642 / RPM-2816 - Fixed an issue that caused the DropdownSearch and DropdownTags components to have bottom pointy edge corners. This only occurred in iOS apps.
• ROU-4671 - Improved accessibility on the Wizard component.
  Now, the aria-orientation is defined and the component is navigatable via Tab key and Enter Key.
• ROU-4672 - Improved accessibility on the SectionIndex component keyboard navigation.
  Now, when pressing the Tab key, the focus cycles between the SectionIndexItems.
• ROU-4676 - Fixed an issue that caused the DatePicker component to update the initial date when a date was removed from the input. This occurred when we had two related DatePicker components on the screen and the selected date on the first DatePicker set the InitialDate and MinDate on the second one.
• ROU-4683 - Improved accessibility on the Section component.
  The Screen Reader will now correctly read and identify the content added to its title and content.
• ROU-4692 - Fixed an issue that caused the Sidebar component to stop opening after the first interaction.
  This occurred when using the SidebarClickOutsideToClose client action.
• ROU-4697 - Now, by default, the Tooltip is triggered by ‘click’ on mobile devices, as the on-hover event is unavailable on mobile devices.
• ROU-4699 / RPM-4631 - Fixed an issue that caused the Tabs component to have a visual issue when using the Page Up and Page Down keys on a text area inside the Tabs Content.
• ROU-4712 / RPM-4641 - Fixed an issue that caused the DropdownSearch and DropdownTags components to close unexpectedly when used on a tablet. This occurred when the device was detected as a desktop on tablets and triggered the _eventOnWindowResize, closing the dropdown.
• ROU-4715 / RPM-4648 - Fixed an issue that caused the accumulation of events listeners when using the Dropdown Search and Dropdown Tags components.
  This occurred when navigating between screens containing these components.
• ROU-4719 - Fixed an issue that caused the Tooltip component to cut some text content inside when running in Chrome and Edge. This occurred when using long texts inside the Tooltip.
• ROU-4721 - Fixed an issue that caused the DropdownServerSide balloon to appear cut.
  This occurred when using the DropdownServerSide component inside a Popup widget, on certain window sizes.
• ROU-4731 - Improved the DateFormat input parameter description from the DatePicker component to bring visibility to the fact that the time format must be set using the TimeFormat property.
• ROU-4736 - Fixed an issue that caused the DropdownSearch and DropdownTags components to get focus when having preselected values and the popup mode was enabled.
  Fixed an issue that caused the DropdownSearch and DropdownTags components when using the DropdownSetValue client action.
  This occurred when the user used the client action on an OnAfterFetch and updated the component parameters.
• ROU-4771 - Fixed an issue that caused the Popover widget to have a misplacement of content when opened. This occurred when the screen was used with RTL.
  Based on the Platform Server and OutSystems UI versions this fix can have some impact on existing applications. For all applications using a Platform Server version higher than 11.20.x and using OutSystems UI version lower than v2.18.3 or using the latest version of OutSystems UI and a Platform Server version lower than 11.20.x, the Popover widget will continue to be misplaced when used with RTL.
• ROU-4774 / RPM-4694 - Reviewed the Japanese translations of the Pagination component.
• ROU-4790 / RPM-4790 - DropdownSearch and DropdownTags components search clear button is now “visible” for a11y and indexable when keyboard navigation is used.
• ROU-4791 / RPM-4763 - Fixed an issue that caused the Rating component not to be narrated by NVDA when no star was selected.
  This occurred only when using the NVDA screen reader due to the usage of the display CSS property.
• ROU-4794 - Fixed an issue that caused the FloatingActions component not to have the Layer System (z-index) properly defined.
  This occurred because the CSS variable used to set its value was being set in the context of a wrong selector.
• ROU-4795 / RPM-4763 - Now, the Rating component IsEdit input is no longer managing the disabled state.
  This solves an a11y issue when IsEdit=False since the component was getting disabled.
• ROU-4800 - Fixed an issue in the ScrollableArea that prevented the table from fitting into its container at full width.
  This occurred due to the CSS property display:inline-block that was being assigned to the table when inside a ScrollableArea.
• ROU-4801 - Fixed an issue that caused the InlineSVG and Video components to run into an “OutSystems not found" error being thrown.
  This occurred only when used without any other OutSystems UI components on the screen since the OutSystemsUI.js script was not being loaded.
• ROU-4807 - Fixed an issue that caused the scale-up animation CSS to compile incorrectly on the OutSystems UI theme. This occurred due to incorrect usage of the SCSS animation file and had no impact on runtime.
• ROU-4817 / RPM-4814 - Fixed an issue that caused the DatePicker, DatePickerRange, MonthPicker, and TimePicker components' popups not to update their position when scrolling.
  This occurred when the component was placed inside a Sidebar.