Skip to content

Releases: OutSystems/outsystems-ui

Release of version 2.25.0 (2025-10-20)

17 Oct 23:20
037ebdc

Choose a tag to compare

What's New

  • ROU-12253 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider, VirtualSelect v1.1.2.
  • ROU-12263 - Added support for the latest version of the iPhone by updating the associated dimensions on the framework when applying the CSS class iphonex. Now, the iPhone 17 series is supported.

Fixed Issues and Improvements

  • ROU-12128 / RPM-6038 - Improved the accessibility of the Dropdown Search and Tags components when using screen readers and keyboard navigation.
    When the search input is focused, pressing Arrow Up, Arrow Down, Home, or End now correctly moves the text cursor within the input field instead of navigating the options list, which should only be accessed using the Tab key.
    The issue was fixed by updating the Virtual Select library.
  • ROU-12138 - Fixed an issue that caused the OverflowMenu component to appear on top of the Popup widget.
    This occurred when using both on the same screen and open at the same time.
    Now, the Popup widget is on the instant-interaction z-index layer to avoid this kind of conflict.
  • ROU-12139 - Fixed an issue that caused the Submenu component not to open.
    This occurred when the interactive state of a Submenu component was not being re-evaluated after the initial empty render.
    The component now observes the DOM for changes to its children, dynamically validating its contents and updating its interactive state accordingly, ensuring it becomes openable as soon as links are populated.
  • ROU-12148 / RPM-12148 - Fixed an issue that caused the Menu's focus trap to fail on mobile screen resolutions.
    This issue occurred when using the Tab key in a Menu with an empty footer, allowing focus to leave the component unintentionally.
  • ROU-12149 / RPM-6090 - Fixed an accessibility issue that caused keyboard focus management to fail within the Menu component.
    This occurred when resizing the browser viewport (using the maximize option or double-tap on the browser's top bar) from a mobile to a desktop layout, which prevented navigation listeners from updating.
  • ROU-12189 - Fixed an accessibility issue that caused a keyboard "focus trap" in the DropdownTags component.
    This occurred when a user tabbed to the 'clear' icon on a selected tag, making it impossible to navigate to any other element on the page.
    The issue was fixed by updating the Virtual Select library.
  • ROU-12219 - Fixed an issue where the DropdownSearch and DropdownTags components became unresponsive during keyboard navigation when using the down arrow key to iterate through the available options.
    The issue was fixed by updating the Virtual Select library.

Release of version 2.24.0 (2025-08-04)

29 Jul 09:58
1d9064f

Choose a tag to compare

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)

05 May 12:28
1bf4fbb

Choose a tag to compare

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)

20 Feb 13:38
a0b1d8d

Choose a tag to compare

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)

27 Nov 12:54
2033a4f

Choose a tag to compare

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)

30 Sep 18:52
12e866d

Choose a tag to compare

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)

27 Sep 11:12
8890ae8

Choose a tag to compare

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)

14 Aug 23:46
1dd5c31

Choose a tag to compare

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)

09 Jun 22:15
3b57ba2

Choose a tag to compare

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)

14 May 22:42
e57e841

Choose a tag to compare

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.