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

Abierto
  • ¿Algo no está bien?
#834 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript, react-native
Área
mobile

Línea de trabajo

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.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
JavaScript
Estrellas
2.9k
Forks
459
Merge medio
4 d 16 h
PR fusionados (30 d)
5

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de react-native-datetimepicker/datetimepicker

Todos los issues de react-native-datetimepicker/datetimepicker

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.