Issue: DatePicker in Filter Dialog Overflows and Does Not Fit in Browser Window (Small Screens)
Description:
I am experiencing an issue with the Radzen filter component when using a DatePicker inside the filter dialog. On small screens, when I open the DatePicker, it does not fit within the browser window, causing it to overflow outside the visible area. This makes it unusable and unresponsive.
Steps to Reproduce:
- Open a Radzen DataGrid with filtering enabled.
- Click on a date column filter to open the filter dialog.
- Select "Equals" as the filter condition.
- Click on the DatePicker to choose a date.
- On small screens, the DatePicker extends beyond the browser window, making it impossible to fully interact with.
Expected Behavior:
- The DatePicker should automatically reposition itself to fit within the browser window.
- The UI should remain fully accessible and responsive, even on small screens.
Actual Behavior:
- The DatePicker overflows beyond the browser window, making date selection difficult or impossible.
- The UI does not adjust, making the component unresponsive.
Screenshot:
Additional Information:
- Radzen Version: 5.2.4
- Browser: Chrome
- Framework: .NET 8 - Blazor(WASM)
- Screen Size: Issue appears on small screens (mobile or low-resolution desktops).
Question:
Is there a known fix or workaround for this issue? Can we apply CSS adjustments or modify the DatePicker positioning to ensure it fits within the browser window?
Any help would be appreciated. Thanks in advance!