Release of version 2.16.0 (2023-07-10)

What's New:

• ROU-3349 - The InlineSVG block was converted to the new architecture. Now, the InlineSVG component has an Initialized event to run actions when the component is initialized.
• ROU-3417 - We created a new way to manage z-index values across all the UI Patterns - a Layer System - that offers better maintainability on our side, but also easier customization. This new system meant changing the values of all z-index across the UI Framework. Check the official documentation page for more details about the change and mitigation options for customers with custom CSS and z-index implementations.
• ROU-4208 - Created a new client action called SubmenuClickOutsideToClose to disable the behaviour that closes the pattern when clicking on the body. This client action can be used on the Submenu’s Initialized event or the parent block/screen OnReady event.
• ROU-4247 - Created a new client action called MonthPickerUpdateMonth to allow the update of the selected month shown in a given MonthPicker component.
• ROU-4307 / RPM-3995 - Created the actions DatePickerUpdatePrompt, MonthPickerUpdatePrompt and TimePickerUpdatePrompt to allow updating the prompt message on the associated input, so that we can use it to match some business rules.

Fixed Issues and Improvements:

• ROU-3656 / ROU-4265 - Now, the following components have the non-mandatory Initialized event: SectionIndex, SectionIndexItem, Accordion, AccordionItem, Tabs, TabsContentItem, TabsHeaderItem, DropdownServerSideItem, Gallery, FlipContent, BottomSheet, ProgressBar, ProgressCircle, Rating, ButtonLoading and AnimatedLabel.Also added the following input parameters:
  • Rating - RatingId input param to the OnSelect event.
  • Sidebar- SidebarId input param to the OnToggle event.
  • AccordionItem - AccordionItemId input param to the OnToggle event.
  • FlipContent - FlipContentId input param to the ToggleFlip event.
  • BottomSheet - BottomSheetId input param to the OnToggle event.
  • Carousel -CarouselId input param to the OnSlideMoved event.
  • RangeSlider - RangeSliderId input param to the OnValueChange event.
  • RangeSliderInterval - RangeSliderIntervalId input param to the OnValueChange event.
  • Tabs - TabsId input param to the OnTabChange event.
• ROU-3970 - Improved accessibility on DatePiker, DatePickerRange, MonthPicker and MonthPicker components, mostly focusing on screen readers when translations are applied. Fixed an issue on the DropdpwnServerSideItem component that was causing the outline when focused to be lost. This occurred when the accessibility features were enabled.
• ROU-4114 - Fixed an issue that caused some UI components to not adapt correctly with RTL. This occurred when switching to RTL in runtime. Now, the provider-based components will correctly adapt in runtime - DatePicker / DatePickerRange / TimePicker / MonthPicker / Carousel / DropdownSearch / DropdownTags / RangeSlider / RangeSliderInterval.
• ROU-4126 - Fixed visual issues (margins and alignments) on LightBoxImage, ChatMessage, Popup, Upload and Table when using RTL.
• ROU-4142 - Fixed an issue that caused difficulty to drag content inside Tab’s content in the Service Studio preview.
• ROU-4154 - Fixed an issue that caused some misalignment of the error validation messages. This occurred when using inputs inside forms, without enclosing them in containers.
• ROU-4202 - Now, the ScrollToElement client action was improved to check if the element exists after the ScrollDelay is applied. This will guarantee better control to the users for validations and showing elements on the page based on conditions.
• ROU-4203 - Now, the Tooltip and DropdownServerSide can be used outside an OutSystems Layout. The detached elements are now moved to the active-screen element level on the DOM.
• ROU-4217 - Fixed an issue that caused the OnScrollEnding list event not to be triggered. This occurred when lists were placed inside the Tabs component. Now, according to the Tab component Height input variable, the overflow will be applied accordingly.
• ROU-4223 - Fixed an issue that caused the Sidebar to close on some unwanted scenarios. This occurred when any element placed inside Sidebar was detached and moved to the body level. Now, the Sidebar will only close if we click on the overlay or via client action.
• ROU-4224 - Fixed an issue that caused the DropdownServerSide component not to properly be initialized in the disabled state. This occurred when the IsDisable configuration was initialized with True.
• ROU-4225 - Fixed an issue that caused the Date Picker's balloon (DatePicker, DatePickerRange, MonthPicker and TimePicker) not to be properly positioned. This occurred when it was used on a LayoutSideMenu with RTL enabled.
• ROU-4227 - Fixed an issue that caused the Tabs component active’s indicator to be misaligned when using Edge. This occurred when Tabs were on a screen running on Edge and using the browser’s zoom. For now, only Safari will not cover this use case, being a known issue.
• ROU-4228 - Fixed an issue that caused the DropdownSearch, DropdownTags and DropdownServerSide to not behave properly when using the Open/Close client actions in runtime. This occurred due to an event conflict related to the Body OnClick event when the developer didn’t implement a setTimeout on their end.
• ROU-4232 - Fixed an issue on the Pagination component that was causing the Keypress event not to be properly removed. Now, the Pagination will only have at maximum one Keypress event, when the ShowGoToPage option is used.
• ROU-4241 - Fixed an accessibility issue that caused the Dropdown Search and Dropdown Tags components to not allow Screen Readers to read the option selected using the keyboard. This occurred when using the keyboard key Tab with the dropdowns opened, which resulted in the focus being on the window itself and not on the right element.
• ROU-4245 - Fixed an issue that caused the DatePicker to return a Null Date. This occurred when setting the MaxDate to CurrDate() and clicking on the Today Button.
• ROU-4259 - Fixed an issue that caused the Sidebar to close when a Popup was closed. This occurred when closing a Popup with an open Sidebar.
• ROU-4263 - Fixed an issue that caused the date icon misalignment when input was used as a Date or a DateTime type. This issue was introduced with the latest versions of Chrome, pushing the icon to the left, and ignoring the flex properties.
• ROU-4277 - Fixed an accessibility issue that caused the Dropdown Search and Dropdown Tags components to not allow Screen Readers to read the option items properly while navigating through options using the keyboard. This occurred when navigating on the list using the keyboard keys Arrow Down and Arrow Up. Now, the use case works fine with Windows Narrator and Apple's VoiceOver and, using NVDA it will always say 'blank' first but then reads the option correctly.
• ROU-4280 / RPM-4155 - Fixed an issue on the Tabs component that was causing rendering issues. This occurred when changing CSS properties on the screen, which would cause the Tab's width to readjust. The accessibility was also improved, as now the TabsContentItem itself will receive focus, as per W3C recommendations.
• ROU-4317 / RPM-4004 - Fixed an issue on the Date Pickers that caused the date not to be properly updated in the provider’s input.
  This occurred when the input was set as editable and the end user pasted a date directly into that input or when typing the date and clicking outside. This issue was introduced by the Flatpickr provider’s library in version 4.6.13.
• ROU-4328 - Improved the implementation of the client action AddFavicon in order to have a more explicit way to avoid adding multiple favicon tags to the DOM.
• ROU-4333 - Fixed an issue on the TimePicker and MonthPicker components that were not updating properly the associated value. This occurred when these components had platform variables bound.
• ROU-4343 - Fixed an issue that caused the DatePicker and DatePickerRange to not recognize the Norwegian Bokmål (nb-NO) language. Also, the ‘en' was set as a default language code so that, if a given language does not exist a console error will be shown without blocking screen rendering. This occurred when setting a non-existing language during the screen initialization.
• ROU-4355 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider (VirtualSelect v1.0.39).
  This version also brings new extensibility configurations that were added to the VirtualSelectConfigs structure that contains the properties available on the SetVirtualSelectConfigs client action - ariaLabelText, emptyValue, search, searchFormLabel, searchGroup, searchNormalize, showDropboxAsPopup, textDirection. Now, Dropdown Search and Dropdown Tags components will allow a normalized search (ignoring diacritics).
• ROU-4360 / RPM-3730 - Fixed an issue that caused the Dropdown Search and Dropdown Tags components not to close. This occurred when the end-user was fast enough to open the dropdown before all data was loaded.
• ROU-4378 - Fixed an issue that caused a Button platform widget to have its text misaligned. This occurred when the Button was placed inside the Footer placeholder of the Layout Native and enclosed in a container. The fix can cause a potential visual breaking change in the button’s height.
• ROU-4400 / RPM-4139 - Fixed an issue that caused the Sidebar component not to close when clicking on the Overlay. This occurred when using a Sidebar component inside another Sidebar.
• ROU-4408 - Now, German (de-DE) is available in Multilingual Locales.