Skip to content

[Bug]: Search functionality not working correctly on react.dev in Safari on iOS real device (iPhone 12 Pro) #6693

Closed
@ramizackaryshamir

Description

@ramizackaryshamir

Summary

The current behavior

Search functionality does not work correctly on iOS real device (iPhone 12 Pro).

react_github-bug-report_current-behavior-1.mov

Since search functionality is currently working as expected on macOS, both in Chrome and Safari, the issue might be in implementation of Algolia InstantSearch iOS:

react_github-bug-report_current-behavior-2.mov

The expected behavior

Search functionality is working as expected on macOS, both in Chrome and Safari. Should work similarly on iOS real device:

macOs Chrome

search-functionality_chrome-macOS-v14.3.1.mp4

macOS Safari

search-functionality_safari-macOS-v14.3.1.mp4

Page

https://react.dev

Details

Steps To Reproduce

  1. Open react.dev in Safari on iPhone (real device)
  2. Tap search icon: note that search function is working as intended
  3. Scroll down to "Write components with code and markup" section
  4. Tap search icon: note that action doesn't open search
  5. Scroll down again and tap the search icon several times: note that action doesn't open search
  6. Repeat step 5: note that eventually screen freezes

The iOS real device that this behavior was recorded on is using the current iOS version:

react_github-bug-report_ios-version

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions