How to preload data route mask

[Code-Victor]

I'm trying to preload the data in my loader of events/$id on hover(intent, but it doesn't seem to work.

<Link
  preload="intent"
  to="/events"
  search={{
    id: '1',
  }}
  mask={{
    to: '/events/$id',
    params: {
      id: '1',
    },
    unmaskOnReload: true,
  }}
/>```

[schiller-manuel]

can you please provide a complete example project based on one of our examples?

[Code-Victor]

Thank you, I've provided a repro below

[Code-Victor]

Thanks for your patience! Here's the repro:
🔗 GitHub Repo

🔍 Repro Summary

I’ve created two sets of cards: green and red.

🟢 Green cards use standard links:

<Link
  to="/$id"
  params={{ id: (i + CARD_SIZE).toString() }}
  key={i}
  className="flex items-center justify-center h-24 bg-green-200"
>
  <img src={logo} className="h-12" alt="logo" />
</Link>

🔴 Red cards use masked links:

<Link
  from="/"
  search={{ id: i.toString() }}
  mask={{
    to: "/$id",
    params: { id: i.toString() },
    unmaskOnReload: true,
  }}
  key={i}
  className="flex items-center justify-center h-24 bg-red-200"
>
  <img src={logo} className="h-12" alt="logo" />
</Link>

📷 Screenshot:

---

⚠️ Issues I'm Facing

1. Prefetching Behavior
   I have defaultPreload set to "intent" in my router.tsx. As expected, the green (regular) links preload on hover.
   👉 But the red (masked) links do not trigger preloading. I’d love them to behave the same.

2. Unexpected Scroll to Top
   When clicking a masked link, only the search param is updated — but the page scrolls to the top every time, which breaks the expected smooth UX.

---

Thanks for your time! Let me know if you need any other details — happy to help however I can.