material-ui icon indicating copy to clipboard operation
material-ui copied to clipboard

[Autocomplete] Docs demo crashing on Chrome in an Android phone

Open robertkstarr opened this issue 1 year ago • 13 comments

Steps to reproduce

Link to live example: (required)

Steps:

  1. Visit https://mui.com/material-ui/react-autocomplete/ or https://mui.com/base-ui/react-autocomplete/ using Chrome on an Android Phone (might be specific to Pixel 8 Pro, not sure)
  2. In the first dropdown menu, select "The Shawshank Redemption"
  3. Then, on the same menu, select "The Godfather"

Current behavior

Chrome returns an Aw, Snap! error page

Expected behavior

Nothing should happen

Context

No response

Your environment

Chrome version 121.0.6167.101 Android 14; Pixel 8 Pro Build/UQ1A.240105.004

Search keywords: autocomplete, chrome, android

robertkstarr avatar Jan 31 '24 18:01 robertkstarr

Crashes on my S22 Ultra as well. Does not crash on Firefox or Brave, but does on Chrome. Also crashes when using Autocomplete in my webapp.

raichshlv avatar Feb 05 '24 09:02 raichshlv

I am experiencing the same in our application using MUI, "@mui/material": "^5.14.14". Galaxy S22, Chrome.

strouhaljan avatar Feb 08 '24 13:02 strouhaljan

Hey @rstarr-indeed, thanks for the report.

I can't repro on BrowserStack, Chrome v120.0

https://github.com/mui/material-ui/assets/16889233/129d2da9-7f5e-490e-94be-0510a6c30925

May I ask you to attach a recording of the crash?

@mui/core, does anyone have a physical Android phone they can test this with?

DiegoAndai avatar Feb 09 '24 15:02 DiegoAndai

https://github.com/mui/material-ui/assets/11704538/2c486308-7fee-4ffe-99cf-5d991afca2c9

~~Seems like it fails only when interacting with outlined fields for some reason.~~ ^^ Sorry, misleading. It fails when interacting with Country select and Controlled states examples https://mui.com/material-ui/react-autocomplete/#controlled-states https://mui.com/material-ui/react-autocomplete/#country-select

strouhaljan avatar Feb 09 '24 15:02 strouhaljan

Thanks for the video @strouhaljan

I still can't repro on Browser Stack, but I'm accepting it as a bug. Hopefully, someone from the community with an Android phone can take a look at it.

DiegoAndai avatar Feb 09 '24 17:02 DiegoAndai

Not much to show, but here you go.

https://github.com/mui/material-ui/assets/39703492/22d6a69f-2772-411a-8387-2f6d7a380f7f

robertkstarr avatar Feb 09 '24 17:02 robertkstarr

I can't reproduce on Chrome Mobile v121, Samsung S20 FE

  • Maybe can be reported in https://issues.chromium.org/issues?q=status:open?
  • Can someone check what's going wrong with https://developer.chrome.com/docs/devtools/remote-debugging
  • Does it reproduce on https://mui.com/base-ui/react-autocomplete/ too?

oliviertassinari avatar Feb 10 '24 17:02 oliviertassinari

@oliviertassinari

  • Can someone check what's going wrong with https://developer.chrome.com/docs/devtools/remote-debugging

Nothing gets output to the console before the crash. Would adb logcat logs of the chrome process be useful for this?

  • Does it reproduce on https://mui.com/base-ui/react-autocomplete/ too?

Yes, what I've noticed is that it happens whenever an element has been highlighted inside the dropdown. (autoHighlight, defaultValue or after setting a value and opening the dropdown again)

raichshlv avatar Feb 11 '24 20:02 raichshlv

CC @michaldudak. It also seems to be reproducible on Base UI's autocomplete.

DiegoAndai avatar Feb 13 '24 13:02 DiegoAndai

Thanks for the heads-up. @rstarr-indeed, @raichshlv, does it happen on the Base UI Select as well (https://mui.com/base-ui/react-select/)? If not, the problem should be fixed when we change the Autocomplete implementation to use the Base UI building blocks.

michaldudak avatar Feb 14 '24 09:02 michaldudak

Thanks for the heads-up. @rstarr-indeed, @raichshlv, does it happen on the Base UI Select as well (https://mui.com/base-ui/react-select/)? If not, the problem should be fixed when we change the Autocomplete implementation to use the Base UI building blocks.

@michaldudak , The crash does not happen on the Base UI Select component.

raichshlv avatar Feb 14 '24 09:02 raichshlv

Since I'm not able to reproduce it locally, we can either rely on a community member to take care of it, or wait (at least a couple of months) until we rewrite the useAutocomplete hook. If you'd like to take a stab on it, I (and I'm sure @DiegoAndai too) can answer questions you may have.

michaldudak avatar Feb 14 '24 10:02 michaldudak

Can someone report this bug to Chromium? Thanks https://issues.chromium.org/issues?q=status:open

oliviertassinari avatar Feb 14 '24 13:02 oliviertassinari

I have the same issue on my Google Pixel 6 Pro with Android 14 and Chrome 121.0.6167.178.

As requested, I've reported it to chromium. The issue can be found here. 🙂

pecka85 avatar Feb 18 '24 23:02 pecka85

Just an update: Since reporting my Chrome has been updated to 122.0.6261.90, and when I test it again now it works fine. 🙂

pecka85 avatar Mar 02 '24 11:03 pecka85

Working for me as well. I'm going to close the ticket.

robertkstarr avatar Mar 02 '24 18:03 robertkstarr