onTouchStart not being working

[mental adder]

Hi @limpid shadow. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

---

Astro, by default, does not ship JavaScript for components, which includes event listeners like onTouchStart. To enable interactivity in your components, you need to use a client:* directive.

For example, if you're using React, you can use client:load or client:visible to hydrate your component when it loads or becomes visible, respectively. Here's an example:

<MyComponent client:load />

This will ensure that your component is hydrated with React on the client-side, and all event listeners should work as expected.

If you're already using a client:* directive and onTouchStart is still not working, there might be a bug. In that case, you should open an issue (https://github.com/withastro/astro/issues) on the Astro GitHub repository.

For more information, you can refer to the "Hydrating Interactive Components" (https://docs.astro.build/en/core-concepts/framework-components/#hydrating-interactive-components) section in the Astro documentation.

Please note that this information is based on the knowledge sources provided and may not cover all possible scenarios or issues. If you're still having trouble, I recommend seeking help from the Astro community or the Astro GitHub repository.

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: