v1.8.0

⬆️ 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

• Dialog: add DisableAutoFocus parameter #2261

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

• PageStack: add support for clearing stack on push or replace #2246

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

🐛 Bug fixes

• AppBar: ElevateOnScroll doesn't work after refreshing when hosted in global server #2243
• AppBarNavIcon: class generation error #2234
• BottomNavigation: button hover state still exists after click #2262
• CarouselItem: the root tag should be a when Href is not null #2250
• DataTable: FixedHeader doesn't work when columns are resizable #2222
• Descriptions: ignore breakpoints when setting Column #2214
• FluentValidator: Correctly unsubscribe from EditContext events in Dispose method #2219
• MobileCascader: the scroll should display after clicking cancle or confirm #2265
• PageStack: cannot scroll in iOS #2269
• PageStack: closest element may not exists when touching #2267
• PopupService: shouldn't remove the enqueued-snackbars when invoking clear #2212
• Slider: incorrect transform style settings #2215
• TabItem: transition settings not work when used in the tabs #2225
• Tabs: the placeholder of prev and next buttons always show on mobile #2202
• ImageCapture/Watermark: bump SkiaSharp.* to 3.116.0 #2271

♻️ Refactors

• Pagination: change shadow style to use elevation atomic css #2191
• JS: refactor bundling method to reduce ES module size #2252 #2254

📝 Documentation

• Dialog: complete the api descriptions, thanks to @VleaStwo #2247

Full Changelog: 1.7.8...1.8.0