Hi everyone
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
andMbscAccordion
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
andlabelStyle
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).
- Check out the full changelog.
- Upgrading from v3 to v4? See the upgrade guide .