New release: 4.4.2

Hi everyone :wave:

A much requested fix arrives, which allows opening picker controls from a popup, without the popup being closed.

We improved the styling of inputs which were auto-filled by the browser. Also, in Chrome, the floating labels did not always notice that the browser auto-filled the text field, so they appeared wrongly over the value.

Nested collapsible controls were not working correctly - toggling the parent collapsible also toggled all collapsible containers inside.

See the complete list of changes below:

Calendar

FIXED
  • Calendar tab styling fixes in inline mode, inside Mobiscroll Page.
  • changeTab method should not hide the calendar if tabs are not present.
  • Don’t focus invalid dates when clicked.

Cards

FIXED
  • Nested collapsible elements didn’t work correctly inside collapsible cards - child collapsibles were also toggled with the parent collapsible.

Eventcalendar

FIXED
  • Event list styling fixes inside the event popover.
  • Selected day was not updated when only event list was displayed. Needed, when views are changed dynamically.

Forms

FIXED
  • Allow additional css classes to use on the MbscFormGroup , MbscFormGroupTitle , MbscFormGroupContent and MbscAccordion components.
  • Nested collapsible elements didn’t work correctly - child collapsibles were also toggled with the parent collapsible.
  • ENTER key should close the prompt notification when the input is focused.

General

FIXED
  • Remove high z-index from inline picker controls.
  • Remove touch-action: none styling from html / body elements in case of modal popups to prevent forced reflow on document - the styling was moved inside the modal markup.

Listview

FIXED
  • Ghost click fix for UIWebView on iOS - hierarchical listview navigated 2 levels at once because of the ghost click.
  • Floating labels did not render correctly on autofill fields.
  • Autofill input field styling was improved.
  • For Checkbox, Radio, Switch, Stepper, Progress, Slider and Rating components inputStyle and labelStyle props was not handled correctly in React.

Navigation

FIXED
  • RTL mode scroll to center worked incorrectly on iOS Safari.
  • React NavItem s can be used with inline conditions without throwing an error.
  • Switching from hamburger navigation to tab or bottom navigation using the responsive setting did not work.
  • Update badges on refresh method call as well.

Page

FIXED
  • Muted button styling changed from color to opacity.

Popup

FIXED
  • Components can be opened from a popup without the popup being closed.

Range

FIXED
  • defaultValue: null did not work correctly, today’s date was selected for start and end dates.

Select

FIXED
  • Error was thrown if any of the values contained the " character.

Treelist

FIXED
  • Variable level treelist was not working correctly when the treelist was used with data (not generated from markup).