Application Freezes when Date Picker is Opened and User Selects a Date

Ouverte
  • Quelque chose ne va pas ?
#834 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
35/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
javascript, react-native
Domaine
mobile

Piste de recherche

Start by identifying the iOS date picker implementation and its tests, then investigate how selecting a date affects the app when the picker is opened on an iPad running iOS 16.6. The report does not name a source file or test, and the reporter could not reproduce the freeze; done means reproducing the issue and confirming the app remains responsive after selecting a date.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

Bug report

Summary

A user for my app just reported a bug. I cannot reproduce it but they have sent screenshots of the problem.

The user said that when they open the date picker, and select a date, the entire application freezes. Nothing will respond except the date popup window. Everything else is frozen. They have to close the app and restart it for it to work again.

The logs indicate the user is using an "iPad8,6" with a system version of "16.6". In the support email, the user said they installed the app right onto their MacBook Air 2020. If so, that is very strange because the app is only build for iOS, Android, and iPads.

I tried creating an emulator with that iPad version and os version but I could not reproduce the issue. I also noticed that their screenshot had vertical arrows but I could not get them to showup for me.

image

Reproducible sample code

import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
import BottomSheet from '@gorhom/bottom-sheet';

// ...

  <DateTimePicker
    testID="dateTimePicker"
    value={myDate}
    mode={'date'}
    is24Hour={true}
    maximumDate={maxDate}
    onChange={(event, date) => {
        setMyDate(date ?? new Date());
    }}
  />

Steps to reproduce

  1. Open the date picker
  2. Select a date
  3. Try to close the date picker

Describe what you expected to happen:

Expected: Date picker closes and app responds
Actual: Date picker does not close and app is unresponsive

Environment info

package versions
@gorhom/bottom-sheet => 4.4.7
@react-native-community/datetimepicker => 7.6.1

This issue happens in two places. One of them is inside a bottom sheet. The other is not. Both places this issue happens. I am including the bottom sheet because I saw somewhere on here someone has a similar issue where their picker was also inside a bottom sheet.

npx react-native info output:

System:
    OS: macOS 13.4.1
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 30.89 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 19.5.0 - ~/.nvm/versions/node/v19.5.0/bin/node
    Yarn: Not Found
    npm: 9.3.1 - ~/.nvm/versions/node/v19.5.0/bin/npm
    Watchman: 2023.06.08.00 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.11.3 - /Users/jordanwagner/.rvm/gems/ruby-3.0.2/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 22.4, iOS 16.4, macOS 13.3, tvOS 16.4, watchOS 9.4
    Android SDK: Not Found
  IDEs:
    Android Studio: 2022.1 AI-221.6008.13.2211.9619390
    Xcode: 14.3.1/14E300c - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.13 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.2.0 => 18.2.0 
    react-native: ^0.71.10 => 0.71.10 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Time zone name (If the problem you have is related to unexpected time / date. See list in https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).

datetimepicker version: 7.6.1
iOS / Android version: iOS 16.6

originally, the datetimepicker version was 7.0.1. I installed the latest version but that did not help the user. They said they still had the issue.

Again, I could not reproduce this issue. I know I am suppose to only post reproducible issues but I figured maybe someone on here has some insight. I tried setting up multiple simulators but I could not. I also tried to install the app on my macbook but the app store doesn't give me the option. They said this only happens on their macbook, not their android. I am trying to get more info from them but have not heard back yet.

Thanks

Langage dominant
JavaScript
Étoiles
2.9k
Forks
459
Merge moyen
4 j 16 h
PR mergées (30 j)
5

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de react-native-datetimepicker/datetimepicker

Toutes les issues de react-native-datetimepicker/datetimepicker

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.