ElMassimo / ElMassimo/iles

Svelte component works with client:load but not with client:visible

Open
#256 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
1.2k
Forks
36
PR merge metrics
No merged PRs in 30d

Description

[troubleshooting section]: https://iles-docs.netlify.app/faqs/troubleshooting

- [x] I have read the __[troubleshooting section]__ before opening an issue.
- [x] I have tried upgrading `iles` and `vite`.

### Description 📖

The AltFooter is a svelte component and contain only markup.

It doesn't load with client:visible directive, but it loads fine with client:load directive. Without any directive, it throws an error, covered in this other issue https://github.com/ElMassimo/iles/issues/255

![image](https://github.com/ElMassimo/iles/assets/73772701/2823b7d3-7640-4a21-9a24-ddf4ae11e294)

### Reproduction 🐞

https://github.com/TechAkayy/spotted-kingfisher-with-iles-tailwindcss

Dependencies Info

_Run `npx iles info` and `pnpm list` (or `npm list`) and provide the output:_

```
iles v0.9.5 vite v4.3.9
```

### Screenshots 📷

Doesn't load with client:visible directive (no footer)
![image](https://github.com/ElMassimo/iles/assets/73772701/44e022c0-8a30-4a1e-8e24-ebec6407a065)

Loads fine with client:load directive
![image](https://github.com/ElMassimo/iles/assets/73772701/e234f3f8-190b-4911-99d4-1c2c5323a663)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.