v1.8.0-rc.1

⬆️ Upgrade guide

• Pagination: The way to set the shadow is changed from setting the box-shadow style to using the Elevation parameter. If you use custom styles, please note to modify to use the elevation style.

- <MPagination Class="css-to-hide-shadow" />
+ <MPagination Elevation="0" />

✨ Release notes

🎉 New components

• Sticky: make elements stick of the viewport when scrolling #2190

🚀 Features

• Touching to expand or collapse is supported!

  • NavigationDrawer: add support for touch to expand or collapse #2220
  • PageStack: add support for closing page via gesture touch #2221

• Menu: add ScrollStrategy parameter with default value 'reposition' #2194

  When the menu is displayed, you can set the behavior of the menu when scrolling. There are four behaviors to choose from:

  • reposition: When the menu exceeds the viewport, automatically adjust the position of the menu to make it fully displayed in the viewport
  • block: Disable scrolling, the scrollbar will be hidden
  • close: Close the menu when scrolling
  • none: Do nothing, the position of the menu will not be readjusted

• PageStack: add an event for changes to currently active tab. #2217 #2218

  @inject PageStackNavController NavController
  @implements IDisposable
  
  @code {
    protected override void OnInitialized()
    {
        NavController.TabChanged += NavControllerOnTabChanged;
    }
  
    private void NavControllerOnTabChanged(object? sender, PageStackTabChangedEventArgs e)
    {
        // Do something when the active tab changes
        // for example, hide a sheet when navigating to another tab
        // ...
  
        InvokeAsync(StateHasChanged);
    }
  
    public void Dispose()
    {
        NavController.TabChanged -= NavControllerOnTabChanged;
    }
  }

• DataTable: add support for displaying index column by the new ShowSerialNumber parameter #2200

• DataTable: add support for setting columns to be non-resizable when ResizeMode is enabled #2223

• DigitalClock: add HideDisallowedTimes and support auto scroll to the adjacent time on first render #2195

• TextField: add support for setting precision for number type #2226

🐛 Bug fixes

• Tabs: the placeholder of prev and next buttons always show on mobile #2202
• Slider: incorrect transform style settings #2215
• Descriptions: ignore breakpoints when setting Column #2214
• PopupService: shouldn't remove the enqueued-snackbars when invoking clear #2212
• FluentValidator: Correctly unsubscribe from EditContext events in Dispose method #2219
• DataTable: FixedHeader doesn't work when columns are resizable #2222
• TabItem: transition settings not work when used in the tabs #2225

♻️ Refactors

• Pagination: change shadow style to use elevation atomic css #2191

Full Changelog: 1.7.8...1.8.0-rc.1