Skip to content

Releases: OutSystems/outsystems-ui

Release of version 2.21.0 (2024-12-02)

27 Nov 12:54
2033a4f
Compare
Choose a tag to compare
Pre-release

What's New

  • First
  • ...

Fixed Issues and Improvements

  • First
  • ...

Release of version 2.20.2 (2024-09-30)

30 Sep 18:52
12e866d
Compare
Choose a tag to compare
Pre-release

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

Release of version 2.18.4 (2024-04-01)

18 Mar 23:57
6e9164d
Compare
Choose a tag to compare

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.

Release of version 2.18.2 (2023-12-26)

11 Dec 00:00
cc7eb40
Compare
Choose a tag to compare

Fixed Issues and Improvements

  • ROU-1628 - The phone value of the SetDeviceBreakpoints client action previously had a wrong default value of 700px.
    This would cause that when using the action, but not setting any new value on the Phone parameter, it would change the phone limit size to 700px, instead of the Platform’s default of 767px.
    Please note, that if you were already using this client action without setting any value Phone value, the phone breakpoint will now change to the new 767px as the maximum screen width.
  • ROU-4629 - Fixed an issue that caused the DatePicker component not to work properly when changing the date format in the Service Center. This occurred when a date that was being applied on a platform’s input date, didn’t match the DatePicker component date and, the date format was different between the one set in the Service Center and in the DatePicker itself.
  • ROU-4644 - Fixed an issue that caused the TimePicker and DatePicker components to return an undefined console error.
    This occurred when the user used the Tab or Arrow Down keys to navigate from the picker’s input when in edit mode.
  • ROU-4649 - Fixed an issue that caused the TabsHeader component to be reached when disabled.
    This occurred when the TabsHeader component was disabled and the end user used the keyboard arrow’s navigation to change tabs.
  • ROU-4654 - Fixed an issue that caused the client action FocusFirstInvalidInput to never focus on the first invalid input.
    This occurred when validating a Form and calling the action FocusFirstInvalidInput to validate if there was any invalid input where the first invalid input was never focused.
  • ROU-4658 - Improved deployment performance by optimizing static entities.
  • Now, all non-translated static entities were set to have Use Translations = No.
    This update is intended to optimize performance and mitigate the limitations on the previous asset version for the Oracle databases, where the customer needed to ensure they are in at least Oracle 12.2. No adverse side effects are anticipated.
  • ROU-4663 - Changed the description of the parameter StartingSelection for both DropdownSearch and DropdownTags components to better reflect the fact that now it reacts to the OnParametersChange event.

Release of version 2.18.1 (2023-11-15)

14 Nov 17:41
bafa9c5
Compare
Choose a tag to compare

Fixed Issues and Improvements:

  • ROU-4521 - Now, Hindi (hi-IN) is available in Multilingual Locales.
  • ROU-4582 - Fixed an issue that caused a wrong device validation on a tablet when using the SetDeviceBreakpoint on the desktop.
    This occurred when the window width was bigger than the TabletWidth and the window height was smaller than the TabletWidth and bigger than the PhoneWidth.
    Now, some screen dimensions may result in a different device being identified compared to previous versions.
  • ROU-4598 - Fixed an issue that was causing the Tooltip component to stay open incorrectly. This occurred when used inside patterns positioned absolutely on the screen, and using a button or link to close them.
  • ROU-4633 / RPM-4477 - Fixed an issue that was blocking the configuration of a custom favicon. This occurred when the user was using a PWA application.
  • ROU-4635 - Fixed an issue that caused the DatePicker, DatePickerRange, TimePicker, and MonthPicker components to show their hidden input in an invalid validation status.
    This occurred when the pickers were inside a Form widget that was submitted with an invalid validation status.
  • ROU-4641 - To mitigate a platform issue when dealing with the translation mechanisms for the validation messages that the ones in OutSystems UI were overriding, all of these literals were marked as not to be translated for all locales.
  • ROU-4647 / RPM-4507 - Fixed an issue where inactive Tab content was accessible through the Tab component when using the Tab key.
    This occurred when date time, time, or date inputs were used within the content of a Tab.

Release of version 2.18.0 (2023-10-30)

18 Oct 10:42
ae77bbc
Compare
Choose a tag to compare

What's New:

  • ROU-4196 - Deprecated the InputSearch and a new version was created and converted to the new architecture.

Fixed Issues and Improvements:

  • ROU-4338 - Improved accessibility on the Notification component.
    Now, the Notification’s role attribute value was changed from alert to alertdialog in order to improve accessibility in a way that the Screen Readers can report the information about it being shown as a dialogue instead of inline.
  • ROU-4369/RPM-4016 - Improved accessibility on the StackedCards component.
    Now, the user can hear the changes that were applied to the component using a Screen Reader, we also improve the information accessible and clean data that was duplicated.
  • ROU-4372 - Improved accessibility on the Tabs component.
    Now, Tabs have support for the Home and End keys, so it changes the tab for the first or last TabsHeaderItem, respectively. Support for Apple’s VoiceOver Screen Reader was also improved.
  • ROU-4418 - Improved accessibility on the Tooltip component.
    Now, you can close the Tooltip by using the Escape or Tab keys and, the Screen Reader will read the tooltip content when its trigger is focused.
  • ROU-4421 - Improved accessibility on the DropdownServerSide component.
    Now, it supports the ArrowUp and ArrowDown keys in order to open the dropdown balloon.
    An aria-hidden attribute was added to the search input (if exists) and managed in accordance with the dropdown being open or closed.
    Improved the outline style for the elements that are in focus mode.
  • ROU-4495 - Improved accessibility on the Date Picker and Date Picker Range components.
    Now, these patterns follow the best accessibility practices in terms of readability for assistive technologies and keyboard support, is possible to navigate between all interactive elements, inside the dialog, using the keyboard.
  • ROU-4503 - Improved accessibility on the Submenu component.
    Now, the Submenu has proper keyboard interactions to close, open and tab between items inside.
  • ROU-4504 - Improved accessibility on the BottomSheet component.
    Now, it has the correct role attribute and supports the Home and End keys, to focus on the first and last focusable items, respectively.
  • ROU-4512 - Improved accessibility on the Floating Actions component.Improved the Screen Reader support to correctly return information about each FloatingActionsItem.
  • ROU-4513 - Improved accessibility on the Action Sheet component.
    Now, it follows the best accessibility practices and the Screen Reader readability was improved when using the Action Sheet component.
  • ROU-4514 - Improved accessibility on the Chat Message component.
    Now, the Chat Message gives the proper feedback about its status when using a Screen Reader.
  • ROU-4515/RPM-4016 - Improved accessibility on the DropdownSearch and DropdownTags components.
  • ROU-4518 - Improved accessibility on the Button Loading component by adding new HTML attributes.
  • ROU-4524 - Improved accessibility on the Pagination component.
    Now, it follows the best accessibility practices and the Screen Reader readability was improved when using the GoToPage feature.
  • ROU-4527 - Improved accessibility on the Rating component.
    Now, it follows the best accessibility practices and the Screen Reader readability was improved when using the Rating component.
  • ROU-4537 - Improved accessibility on the Overflow Menu component.
    Now, it is possible to open the Overflow Menu and navigate between the links using the Arrow Up and Down Keys.
  • ROU-4510 - Fixed an issue that caused the DropdownSearch and DropdownTags to remain open and visible when not supposed to
    .This occurred when using these components inside the Tabs component, and changing the active tab with a Dropdown still open.
  • ROU-4529 - Fixed an issue in the SkipContent link present on OutSystems UI layouts, that was throwing an error on some accessibility checkers.
    Now, the SkipContent anchor has the correct related content on the link.
  • ROU-4533 - Fixed an issue that caused the Dropdown Server Side component to open when disabled.
    This occurred when the end user used the keyboard to navigate and pressed Enter while focusing on the component.
  • ROU-4540 - Fixed an issue that caused all the time-related components to display the platform input widget in runtime. This occurred in runtime when the platform inputs were inside a container or an InputWithIcon.
  • ROU-4553 - Fixed an issue that caused the DropdownServerSide component to not open.
    This occurred when clicking on the DropdownServerSide component on a Tablet device.
  • ROU-4559 - Fixed an issue that caused the OverflowMenu to always occupy 100% width.
    This occurred when placing elements side by side with an OverflowMenu component.
  • ROU-4570 - Fixed an issue that caused the DatePicker and DatePickerRange components to never focus on their input when opened via API.
    This occurred when the DatePicker/DatePickerRange open was triggered and the focus was the button clicked. Now, the focus is the input, after the API is triggered.
  • ROU-4574 - Fixed an issue that caused the Overflow Menu to get cut.
    This occurred when used inside elements with overflow: hidden, like Tabs or Accordions.
  • ROU-4593 - Fixed an issue that caused the Overflow Menu to close. This occurred when clicking inside the component.