Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Algolia mobile search modal responsiveness

See original GitHub issue

Have you read the Contributing Guidelines on issues?

I have read the Contributing Guidelines on issues.

Description

The Algolia mobile search modal does not account for scrolling.

Video:

https://user-images.githubusercontent.com/55665282/181079882-c0864d11-894a-48c9-8dec-3503b7b83321.mov

I believe that this css needs to be added to fix this:

@media (max-width: 750px) {
  .DocSearch-Container {
      position: fixed !important;
  }
}

Issue Analytics

State:
Created a year ago
Comments:5 (1 by maintainers)

Top GitHub Comments

1reaction

noobyogi0010commented, Aug 9, 2022

Hey @yzhe819 I’m working on it. I’m really close to solving it. It’ll be done in a day.

1reaction

Josh-Cenacommented, Jul 30, 2022

@noobyogi0010 Sure, just go ahead.

Top Results From Across the Web

Algolia mobile search modal responsiveness · Issue #7831 ... - GitHub

I have read the Contributing Guidelines on issues. Description. The Algolia mobile search modal does not account for scrolling. Video: docusaurus.mov.

Autocomplete with Preview Panel in Modal - Algolia

Typeahead dropdown displaying preview panel in a modal built with Algolia Autocomplete.

Detached mode | Autocomplete - Algolia

Detached mode turns the dropdown display into a full screen, modal experience.

Best practices for in-app mobile search UX design | Algolia Blog

A great mobile UX (user experience) requires minimal interaction, but successful Search and Discovery can be complicated. Fortunately, there are ...

Search Filters: 5 best practices for a great UX - Algolia

Having a responsive filtering interface enables all users—whether active searchers or passive browsers—to quickly and effectively refine their ...