syncfusion / flutter-widgets

Syncfusion Flutter widgets libraries include high quality UI widgets and file-format packages to help you create rich, high-quality applications for iOS, Android, and web from a single code base.
1.6k stars 785 forks source link

SfDateRangePicker - The hover color doesn't disappear after a scroll [Flutter Web] #2119

Open ValentinTaleb opened 1 month ago

ValentinTaleb commented 1 month ago

Bug description

When using SfDateRangePicker on the web with a touchable device, the hover color does not disappear after a scroll.

Steps to reproduce

  1. Use SfDateRangePicker on the web with a touchable device
  2. Scroll vertically or horizontally
  3. The touched date (while scrolling) stays colored after the scroll πŸ˜•

Code sample

Code sample ```dart return SfDateRangePicker( controller: _datePickerController, monthViewSettings: const DateRangePickerMonthViewSettings( firstDayOfWeek: 1, showTrailingAndLeadingDates: true, viewHeaderHeight: 0, ), selectionMode: DateRangePickerSelectionMode.multiple, onSelectionChanged: (dateRangePickerSelectionChangedArgs) => _loadPageOfEvents(0), initialDisplayDate: _datePickerController.displayDate, backgroundColor: Colors.white, headerHeight: 0, showNavigationArrow: false, allowViewNavigation: false, navigationMode: DateRangePickerNavigationMode.none, todayHighlightColor: AppColors.red, selectionColor: AppColors.red, monthCellStyle: const DateRangePickerMonthCellStyle( leadingDatesTextStyle: TextStyle(color: AppColors.greyDark), trailingDatesTextStyle: TextStyle(color: AppColors.greyDark), textStyle: TextStyle(fontWeight: FontWeight.bold), ), ); ```

Screenshots or Video

Screenshots / Video demonstration https://github.com/user-attachments/assets/afdb222a-f235-47cd-9b27-88d7f806bc9c

Stack Traces

Stack Traces ```dart No stacktrace ```

On which target platforms have you observed this bug?

Web (Android browser), Web (iOS browser)

Flutter Doctor output

Doctor output ```console [βœ“] Flutter (Channel stable, 3.24.3, on macOS 14.6.1 23G93 darwin-arm64, locale en-BE) β€’ Flutter version 3.24.3 on channel stable at /Users/valentin/Library/flutter β€’ Upstream repository https://github.com/flutter/flutter.git β€’ Framework revision 2663184aa7 (4 weeks ago), 2024-09-11 16:27:48 -0500 β€’ Engine revision 36335019a8 β€’ Dart version 3.5.3 β€’ DevTools version 2.37.3 [βœ“] Android toolchain - develop for Android devices (Android SDK version 35.0.0) β€’ Android SDK at /Users/valentin/Library/Android/sdk β€’ Platform android-34, build-tools 35.0.0 β€’ Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java β€’ Java version OpenJDK Runtime Environment (build 17.0.11+0-17.0.11b1207.24-11852314) β€’ All Android licenses accepted. [βœ“] Xcode - develop for iOS and macOS (Xcode 16.0) β€’ Xcode at /Applications/Xcode.app/Contents/Developer β€’ Build 16A242d β€’ CocoaPods version 1.13.0 [βœ“] Chrome - develop for the web β€’ Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome [βœ“] Android Studio (version 2024.1) β€’ Android Studio at /Applications/Android Studio.app/Contents β€’ Flutter plugin can be installed from: πŸ”¨ https://plugins.jetbrains.com/plugin/9212-flutter β€’ Dart plugin can be installed from: πŸ”¨ https://plugins.jetbrains.com/plugin/6351-dart β€’ Java version OpenJDK Runtime Environment (build 17.0.11+0-17.0.11b1207.24-11852314) [βœ“] IntelliJ IDEA Ultimate Edition (version 2024.2.3) β€’ IntelliJ at /Applications/IntelliJ IDEA.app β€’ Flutter plugin version 81.1.3 β€’ Dart plugin version 242.22855.32 [βœ“] Connected device (4 available) β€’ SM G970F (mobile) β€’ RF8M229BF6V β€’ android-arm64 β€’ Android 12 (API 31) β€’ macOS (desktop) β€’ macos β€’ darwin-arm64 β€’ macOS 14.6.1 23G93 darwin-arm64 β€’ Mac Designed for iPad (desktop) β€’ mac-designed-for-ipad β€’ darwin β€’ macOS 14.6.1 23G93 darwin-arm64 β€’ Chrome (web) β€’ chrome β€’ web-javascript β€’ Google Chrome 129.0.6668.90 [βœ“] Network resources β€’ All expected network resources are available. β€’ No issues found! ```
ghost commented 1 month ago

Hi @ValentinTaleb ,

We are able to replicate the reported issue regarding hover color doesn't disappear after the scroll at our end and have logged bug report for it in our feedback portal. We will fix and include the changes in our SP release which is expected to be rolled out by November second week. We will update you here once the release is rolled out and we appreciate your patience until then. You can also track the status of the bug with the feedback below.

Feedback link : https://www.syncfusion.com/feedback/62488/hover-color-does-not-disappear-when-the-touch-is-moved-outside-of-the-widget-on

Regards, Thilip Chandru

ValentinTaleb commented 1 month ago

Hello @ThilipChandru ,

Thank you for your response. I will wait patiently for the update πŸ‘

Have a good day πŸ™‚

ValentinTaleb commented 5 days ago

Hello,

Could anyone provide an update on the status of the bug fix?

Thank you very much for your time

AswiniDileep commented 4 days ago

Hi @ValentinTaleb,

The reported issue has been fixed and rolled out in our weekly patch release. So, we kindly request you to upgrade the syncfusion_flutter_datepicker package to the latest version.

Version: https://pub.dev/packages/syncfusion_flutter_datepicker/versions/27.2.3

RootCause: The hover color won't show on touch devices. This applies only to mobile platforms, not specifically to touch-capable devices.

Regards, Aswini S.