Outpost Community Demo

Search results don't highlight matched text on mobile

By bugfinder404 ·

On desktop, when you search for something, the matched text in results gets highlighted in the accent color. On mobile (tested on iOS Safari and Chrome Android), the results show up fine but there's no text highlighting.

Not a blocker but it makes it harder to scan results on a small screen where you really need that visual cue.

Steps to reproduce

  1. Open community on mobile browser
  2. Tap search icon 🔍
  3. Search for any term that appears in multiple topics
  4. Observe: results appear but matched text isn't highlighted
Expected Actual
Desktop ✅ Highlights ✅ Highlights
Mobile ✅ Highlights ❌ Plain text

iPhone 15, iOS 17.4, Safari

4 replies

top-outpost-ninja ·

Thanks for the detailed report, Jordan! I can reproduce this. Looks like the highlight <mark> tag is getting stripped by the mobile text truncation logic. Will fix.

bugfinder404 ·

No problem! Also noticed that the search input doesn't auto-focus on mobile when you tap the search icon — you have to tap the input field again. Minor but slightly annoying.

top-outpost-ninja ·

Both fixed and deployed! The highlight issue was the truncation function running before the mark tags were inserted. The auto-focus was a missing autoFocus prop on the mobile search drawer. Let me know if it's working for you now.

bugfinder404 ·

Confirmed, both working perfectly now. Fast fix, thanks!