DocSearch modal displays duplicate elements on Mac browsers after first load

[bojtospeter]

Summary

When loading the documentation site on Mac using Cmd + K, the DocSearch modal sometimes displays two elements on top of each other (<div class="DocSearch-Modal">). This only happens on the first load. After closing the DocSearch window or reloading, the issue disappears.

Environment

• macOS
• Browsers tested and affected (all latest as of August 2025):
  • Chrome 139.0.7258.155
  • Arc 1.107.0 (66519)
  • Safari 18.6 (20621.3.11.11.3)

Steps to reproduce

1. Open the documentation site on Mac in any of the above browsers.
2. Open the DocSearch modal by pressing Cmd + K
3. Observe two overlapping modal elements.
4. Close the modal; subsequent openings work fine.

Additional notes

• Issue was reproduced in incognito mode and after hard reload.
• Dev tools show two .DocSearch-Modal elements on top of each other.
• Cannot reproduce on Linux (tested: Firefox 142.0, Brave 1.81.136).
• Possibly related to a recent Docusaurus deployment/update.
• Low priority as the issue is transient and resolves after closing the modal.
• Context: https://camunda.slack.com/archives/C026U8GBNSW/p1756382739111939

---

Marking as low priority since it doesn't impact all users and is resolved after closing the search window.

[jarekdanielak]

When I open the page, hit Cmd + K and start typing, I'm actually typing in a search bar below the one I can see. Slightly annoying. ☹️