Changelogs
Latest features and fixes for the Infor Design System libraries.
Infor Design System Enterprise Web Components Library is a framework-independent UI library consisting of CSS and JS that provides Infor product development teams, partners, and customers the tools to create user experiences that are approachable, focused, relevant, and perceptive.
The latest updates to this changelog are below. Read the complete changelog here.
1.9.0 Features
[Datagrid]
Restore scroll position when datagrid is reinserted. (#6481)[Datagrid]
Fix selected states for single selection lookup editor. (#6720)[Datagrid]
For the expandable rows, we changed the icon from a plus/minus icon to a caret. (#6307)[Datagrid]
Added fixes to time and date picker to support date time columns in the datagrid cells. (#6672)[Datagrid]
Remove duplicate events from datagrid where there are multipledatagrids
on the page. (#5931)[Datagrid]
Added support for morefilterOptions
to datagrid column filters. (#6410)[Datagrid]
Added function to disable and hide header checkbox in datagrid (#4318)[Datagrid]
Added ability to show row states. (#4387)[Datagrid]
AddedshowEditorIcons
setting to show the editable cell icons to be always open or only on hover. Default isfalse
. (#4451)[Datagrid]
Fixed the datagrid’s date-filter button so it aligns accordingly with thecolumn.filterAlign
setting. (#6356)[Drawer]
Fix so that drawer skipsonOutsideClick()
and remains open if text is selected. (#4286)[Dropdown]
Added example dropdown to demonstrate how to show icon on selected item. (#4295)[Dropdown]
Added example dropdown using color watch instead of icon. ([#6350](https://inforwiki.atlassian.net/browse/-[General]
Added source maps to thenpm
package for enhanced debugging capabilities. To prioritize security, consider selectively exposing source maps, such as during development or debugging sessions with a flag. (#4437)[Dropdown]
Added example dropdown to demonstrate how to show icon on selected item. (#4295)[General]
Added source maps to the npm package for enhanced debugging capabilities. To prioritize security, consider selectively exposing source maps, such as during development or debugging sessions with a flag. (#4437)[KPI]
We added a standalone KPI component for various KPI’s in the future. For now it has only the styles that replace the Stats component for use in quarter sized widget. (#5011)[Modal]
Added new settings forheight
andwidth
that can be used to set the modal contents to a fixed or fluid height. (#6547)[Modal]
Added the ability to include an icon in the title slot. (#6428)[Modal]
Added an example to show the title with an ellipsis and tooltip. (#6427)[ModuleNav]
Add expand/collapse control to main bar. (#6635)[Stats]
We are deprecating this component in a future version. Please use KPI and/or quarter sized widgets. (#5011)[Switch]
Fixedids-switch
so that change event doesn’t fire more than once. (#4289)[Timepicker]
AddedbeforeValidate
callback on blur event. (#6182)[Widget]
Addedsize
setting to make a quarter and half size widget. (#5011)
1.9.0 Fixes
[AppMenu]
Added left border for dark mode for better separation. (#5420)[About]
Fixed a bug where Chrome browser is shown as Safari on IOS devices. (#6088)[AxisChart/PieChart]
Fixed errorThe result must not have attributes
when doingcreateElement
. (#6962)[Button]
Fixed a bug where compact setting accepts non-boolean values. (#6521)[Card|ListView|Searchfield]
Added example showing a searchableListview
within an ids-card (#4861)[Color Picker]
Set unset themax-width
that interferes with the width sizing (#6107)[Color Picker]
Fix the position of color picker popup and tooltip when parent is modal (#4545)[Datagrid]
Added demo page with masthead. (#6370)[Datagrid]
Fixed a bug where setting the value tonull
did not reset the field and placeholder. (#6560)[Datagrid]
Fixed capitalization in demos. (#6364)[Datagrid]
Fixed error thrown when using selection checkbox on expandable rows. (#6565)[Datagrid]
Fixed error for virtual scroll on tree grid with selected rows. (#6233)[Datagrid]
Fixed datagrid lookup validation handling. (#5984)[Datagrid]
Fixed text ellipsis missing on overflow text when using expandable rows. (#4294)[Datagrid]
Added feature and example to enable batch validation of datagrid rows. (#4243)[Datagrid]
Fixed selection discrepancies when column structure is not aligned with the row selection option. (#5410)[Datagrid]
Fixed memory leak issues and removed disconnectedCall back in cells in attempts to solve resize issues with virtual scroll. (#6481)[Datagrid]
Lazy render grid header operator filter popup to improve performance. (#4850)[Datagrid]
Lazy rendering of operator filter popup configures placement on first render. (#6561)[Datagrid]
Added new settings to controlgroup
anddecimal
onformatOptions
so these separators can be set outside of the locale. (#6450)[DatePicker]
Fixed datepicker popup position in action panel. (#5925)[Dirty Tracker]
Added additional check on setting dirty tracker to avoid multiple icons being created in one field. (#6528)[Dropdown]
Fixed readonly dropdown’s that usengModel
in Angular applications. (#6021)[Dropdown]
Updated typeahead events forbeforeshow
. (#4981)[Form]
Added data to datagrid lookup to fix the space issue in lookup modal (#4217)[General]
Removed the use of:host-context
in several places to solve safari bugs. (#6619)[Homepage]
Removed small widget examples to avoid confusing with normal widget sizes. (#6146)[Homepage]
Fixed layout on pages withrowspan="2"
for double height widgets. (#6146)[Input]
Fixed revealable-password and password-visible configurations. (#6016)[Input]
Input full size should not change width size whensm
screen size breakpoint (#6016)[Legend]
Fixed padding in legend when inside a fieldset. (#4215)[Locale]
Fixed bug when converting tonl-NL
for numbers. (#4226)[Lookup]
Made search filter in example page case insensitive and added filter while typing on keydown event. (#4347)[Masthead]
Fixed an issue with the tooltip position when a masthead is in the page. (#6656)[ModuleNav]
Fixed an incorrect hover state color and incorrect menu color on menu buttons inside the masthead. (#6656)[ModuleNav]
Fixed misaligned settings icon at bottom of the module nav. (#6687-)[Popup]
Added popupoffset-container
usage example. (#4710)[Popup]
Fixed popup that is not closing when scroll event happens. (#4880)[Popup]
Fixed popup button becoming disabled after multiple clicks. (#6540)[Popup]
Fixed an issue where the tooltip was pushed down with a mastheads in the page. (#6310)[Popup]
Fixed where position issues caused flickering when a tooltip was pushed down with a masthead in the page. (#6637)[SegmentedControl]
Fixed segmented control demo to show default selected. (#6107)[Popup]
Fixed popup position and icon position on some trigger fields. (#7132)[Slider]
Fixed alignment in RTL. (#6522)[Splitter]
Fix splitter collapsed attribute so that it does not prematurely and incorrectly set splitter size attribute in Angular. (#4246)[UploadAdvanced]
Fixed alignment of the hyperlink. (#7139)[Virtual Scroll]
Allow keyboard keys navigation in virtual scroll (#4329)
1.8.1 Fixes
[AxisChart/PieChart]
Fixed errorThe result must not have attributes
when doingcreateElement
. (#6962)
1.8.0 Features
[Button]
Addedcompact
setting toids-button
to allow for a smaller button size. (#4450)[Datagrid]
Added ability to usench
on column widths to size the columns ton
chars and also addmax-content
to size to the max width of the text. See datagrid docs in a newColumn Sizing
section. (#5270)
1.8.0 Fixes
[Alerts]
Fixed a bug where thesize
setting did not work in angular. (#5926)[AppMenu]
Fixed a bug where it closes abruptly on click in mobile. (#5425)[Autocomplete]
Fixed a bug where typing\
would error because its not escaped.(#6060)[Datagrid]
Added an example showing pagination with mixed selection mode and a test. (#6308)[Datagrid]
Added example and test forfilterOptions.maxLength
as well as fixed an icon sizing issue on the filter row. (#5418)[Datagrid]
Added guard clause in spacekeyboard shortcut
to not fire when datagrid header input has focus. (#5802)[Datagrid]
Fixed a bug where empty message is not showing when the grid is empty. (#4398)[Datagrid]
Fixed a bug where frozen column background is transparent on hover. (#5873)[Datagrid]
Fixed behavior of the filter row so each condition is an or. It was incorrectly just using the last filter condition. (#5432)[Datagrid]
Fixed an error when setting the format on a date column with an editor. (#6066)[Datagrid]
Fix Editable Lookup empty cell’s styling and icon-alignment when validation is required. (#4946)[Datagrid]
Fixed Editable Lookup empty cell’s styling and icon-alignment when validation is required. (#4946)[Dropdown]
AddedaddValidationMessage
andremoveValidationMessage
toValidationInputMixin
to allow manually toggling error messages on input components. (#4903)[Dropdown]
TheonPlace
event doesn’t consider the actual height of dropdown list popup when searching. (#6057)[Dropdown]
Added demo page for typeaheadbeforeshow
. (#4981)[General]
Converted utility andmixin
test cases to Playwright. (#3053)[Input]
Added fix for clear button overlapping with right border in the IdsInput. (#6531)[LayoutGrid]
Add an example to should hide/show on all screen sizes. (#5968)[ListView]
Retain the active item state when searching (#4689)[ListView]
In selectable single will not retain selection if rows are being searched (#6153)[Lookup]
Removed the Apply button in singe select lookup. (#4947)[Multiselect]
Fixed when tooltips show formultiselect
. (#4397)[Menu]
Added tooltip option for menu item text. (#5886)[MenuItem]
Added a fix so that disabled IdsMenuItem does not allow event propagation. (#5455)[Modal Button]
Fixed an issue where font color changing when hovering disabled modal button (#5399)[Modal]
Fixed an issue where the default modal unexpectedly displayed a scrollbar. (#6537)[ModuleNav]
Fixed rendering of dynamic content. (#5043)[ModuleNav]
Added setting to persist expanded panels when nav bar is toggled between collapsed/expanded. (#5887)[PieChart]
Added a fix so that the browser tooltips do not show thetitle
contents. (#5990)[Filter Field]
Added css override causing misalignment in ids filter field. (#5981)[Popup]
Added fix for popups accounting for scroll offset. (#4378)[SearchField]
Added fix for clear button overlapping with right border in the IdsSearchField. (#6532)[Slider]
Added fix for tick conditional coloring. (#4974)[Splitter]
Added fix for multiple scrollbars present in the IdsSplitter. (#5981)[ListView]
In selectable single will not retain selection if rows are being searched. (#6153)[MenuItem]
Override text overflow css when menu item is being used in tab component (#5927)[Splitter]
Fixed an issue where datagrid header did not show icons and the split bar was half invisible when datagrid is in a splitter. (#6148)[Editor]
When triple click selection is made in first tag within editor formatter will applies to all tags (#4369)[Tab]
Fixed misalignment in fading shadow for overflow tabs. (#5929)[Tooltip]
Changed logic of tooltip to not add a maxHeight. (#6283)[Tooltip/Button]
Fixed broken tooltip as amixin
functionality. (#46282337)[Tooltip/Input]
When a tooltip is pointing at an input adjusted the logic so its always pointing at the field. (#4337)[Tooltip/Input]
When a tooltip is pointing at an input adjusted the logic so its always pointing at the field. (#6265)[Tooltip/Dropdown]
The dropdown would show a redundant tooltip with the value, when the value is cleared that would not be reset. (#6113)
1.7.1 Fixes
[PieChart]
Added a fix so that the browser tooltips do not show thetitle
contents. (#5990)[Tooltip]
Changed logic of tooltip to not add a maxHeight. (#6283)[Tooltip/Button]
Fixed broken tooltip as amixin
functionality. (#46282337)[Tooltip/Input]
When a tooltip is pointing at an input adjusted the logic so its always pointing at the field. (#4337)[Tooltip/Input]
When a tooltip is pointing at an input adjusted the logic so its always pointing at the field. (#6265)[Tooltip/Dropdown]
The dropdown would show a redundant tooltip with the value, when the value is cleared that would not be reset. (#6113)[Splitter]
Fixed an issue where datagrid header did not show icons and the split bar was half invisible when datagrid is in a splitter. (#6148)
1.7.0 Features
[AxisChart]
All axis charts (bar, line) now support negative values. (#4805)[Input]
Addedlowercase
attribute toids-input
which sets the input editor’s to all lowercase. (#5847)[LayoutGrid]
Added ability to use container queries with the IdsLayoutGrid. (#4454)[Message]
Added width/minWidth/maxWidth settings toids-message
to allow for custom sizing. (#4234)[Modal]
Added a service which can be used to open modals on a page programmatically. (#4980)
1.7.0 Fixes
[Accordion]
Fix an issue where some popups like dropdowns did not open over the accordion pane. (#4859)[Bar Chart]
Added tooltip support using click for mobile. (#4471)[Button]
Addedwidth
andheight
settings. (#4483)[Card]
Fixed a bug selection multiple mode does have error in console. (#4262)[Datagrid]
Fixed a bug where in some pages virtual scrolling gets stuck. (#6005)[Datagrid]
Added a fix so that therowselected
event fires still whenrow-navigation
is on. (#5932)[Datagrid]
Updated example page of add-row to have show add first row. (#4292)[Datagrid]
Fix hardcodedautoselect
for date/timepicker column settings. (#5095)[Datagrid]
Update datagriddblclick
example with toast for testing. (#4386)[Datagrid]
Adjustments in size and alignment of tooltip. (#4388)[Datagrid|LoadingIndicator]
Fix datagrid-header so that it is not in foreground while ids-loading-indicator is visible. (#IDS-5337)[DatePicker]
Added an example for a datepicker in a splitter and added a min width. (#5398)[DatePicker]
Update date-picker styles so unnecessary scrollbar does not appear when added to ids-card. (#4810)[Dirty Tracker]
Fix on dirty icon being duplicated. (#5283)[Icon]
Fixed a bug custom icons where icons are not loaded properly. (#5266)[Editor]
Apply text color for text selection in editor. (#5365)[Input]
Fixed the translation for the hide/show password text and updated the documentation fromrevealable-text
torevealable-password
. (#4252)[Line Chart]
Fixed a bug error is thrown when selecting last node in chart. (#4322)[Locale]
Fixed a bug where parseDate failed with different values. (#603)[Locale]
Fixed a bug where date with leap seconds are not displayed properly. (#4977)[Menu Button]
Too much space between tick boxes and text. (#4287)[Multiselect]
Fixed bug where checked attribute in radio button is not working. (#5201)[Pager]
Fixed bug where with older `.page-container’ layouts the popup did not position when the page is scrolled. (#4686)[PieChart]
Added a fix so that the browser tooltips do not show thetitle
contents. (#5990)[Slider]
Fix the step slider click threshold. (#5370)[Spinbox]
Fix readonlyspinbox
in Safari so that is is not mutable. (#5284)[Swaplist]
Swap left button & swap right button is not properly aligned or centered on mobile (#5370)[Timepicker]
Popup is not aligned with the icon and incorrect border color in dark mode. (#5368)[Textarea]
Fixed a bug where the tooltip text was incorrectly displayed in the textarea, despite the textarea having no value. (#4253)[Tree]
Fixed IdsTree interface breaking changes and added new update/remove methods. (#5397)[TriggerField]
Addedautocomplete="off"
internally to all trigger fields so browser autocomplete might be disabled. (#5871)[List View]
Fix bug in list view where selection is not retain when searching (#5170)[Dropdown]
Fixed a bug wherebeforetriggerclicked
event is triggered two times when clicking in the dropdown. (#4389)[UploadAdvanced]
Fixed a bug where continuous script filename overlaps text and border. (#4275)[IdsMessage]
Fixed a bug where disabled property for button didn’t work in IdsMessage. (#5749)
1.6.0 Features
[About]
Fixed un-styled close button. (#5269)[AppMenu]
Addedkeep-open
attribute to<ids-app-menu>
so that it doesn’t auto-close whenever an item is selected. Theignore-keep-open
class will cause menu-items to bypasskeep-open
attribute. (#4443)[Button]
Added tooltip and ellipsis feature. (#4439)[DatePicker]
Bug fix date-picker range mask and input cursor-positioning logic. (#2715)[Datagrid]
Fixed bug on expandable row where the row was not rendering correctly. (#5291)[Datagrid]
Fix virtual-scroll performance on datagrid. (#2472)[Datagrid]
Added the ability to sort on nested fields. (#4290)[Datagrid]
Added contextual-toolbar and selection actions to datagrid. (#1029)[ExpandableArea]
Fixtoggle-btn
type inids-expandable-area
for Angular. (#2730)[Hyperlink]
Improved hyperlinks colors and states. (#4141)[Icons]
Added new icon export dump with several new icons likeuser-remove
. (#4814)[Message]
Added a notification service which can be used to manage messages on a page. (#4446)[SegmentedControl]
Enhanced IdsSegmentedControl UI. (#5024)[Tabs]
Added validation error indicator (#2793)[Tabs]
Fixed overflow behavior of the tabs, changed overflow button design, made it scroll to the overflowed tab. (#4537)[Text]
Updated text to trigger tooltip regardless of overflow. (#4754)[Tooltip]
Added configurablemin-width
andmax-width
properties for tooltips, enhancing layout flexibility. (#4448)[Multiselect]
Added “Selected” label for selected list. (#4808)
1.6.0 Fixes
[BarChart]
Fixed legend URL behavior when selectable attribute is true. (#2494)[Card]
Fix multiple-selection checkbox styling in card. (#5079)[Calendar]
Fix calendar event form popup position. (#4714)[Dropdown]
Fixed dropdownselected
event triggered byEnter
keyboard selection. (#4708)[Dropdown]
Added example of readonly dropdown with typeahead. (#4225)[Input]
Fixautocomplete
when populated on keyup. (#4391)[FilterField]
Add field-height setting toids-filter-field
. (#4214)[LayoutGrid]
Adds and example of a 12 column layout grid with container queries enabled inside a modal. (#4454)[Slider]
Fixed custom max/min values in vertical slider. (#4231)[TriggerField]
Fixed left button hover style. (#5264)[Icons]
Made the circle-filled icon able to take thecolor
setting. If you want to make it green like before addcolor="success"
. (#4212)[Icons]
Added new icon export dump with several new icons likeuser-remove
. (#4814)[Icons]
Fixed a bug where changing the status color did not apply the second time. (#5141)[ModuleNav]
Fix bug in module nav where panels didn’t account for dynamic children panels. (#4230)[Spinbox]
Fixed a bug where increment and decrement are not working in IOS. (#4679)[Tabs]
Fixed bug where the overflow items are not updated if the tab title changes. (#4239)[Text]
Fixed bug where line clamp didn’t break for long words. (#2427)[Text Area]
Fixed bug where clear icon and text overlapped. (#4213)[Multiselect]
Fix bug in multiselect where select/deselect is not immediately updated on input field. (#4457)[Multiselect]
Fixed overflow items in multiselect by adding ellipsis on overflow contents. (#4431)