← Remplissez "repoName" et "repoURL" pour le bouton d’installation automatique →
Installer ce composant de thème
Bonjour
Il manque une fonction aux PWA iOS, elles ne contiennent pas le ‘tirer pour rafraîchir’, donc si vous voulez recharger, vous devez fermer la PWA et la rouvrir. Ce composant de thème essaie de combler cette lacune avec une fonction ‘tirer pour rafraîchir’. Je l’ai désactivé sur les pages de chat car cela ne fonctionne pas en toute sécurité dans les canaux… Le point d’activation est le #main-outlet, donc si vous tirez vers le bas sous l’en-tête en haut de la page, cela déclenchera le chargeur.
Lorsque vous tirez vers le bas, il apparaît en continu et lorsque vous atteignez le point prêt, il commence à tourner lentement avec un effet de surbrillance. Lorsque vous relâchez, il commence à tourner plus rapidement et nous maintenons le chargeur en haut de la page pendant le rechargement.
Il contient quelques paramètres de thème pour personnaliser le chargeur.
Ça fonctionne aussi avec DiscourseHub C’est super.
Je dois tirer vers le bas pendant 2-3 secondes, ce qui est un peu long, mais je ne sais pas si cela vient des appareils i ou du composant. Ce n’est pas grave, cependant.
Lorsque vous tirez rapidement, cela se rafraîchit immédiatement. Mais lorsque vous tirez à une vitesse relativement plus lente, le chevron s’affiche d’abord, suivi de l’indicateur de chargement. Je suppose que le délai entre le chevron et l’indicateur de chargement est intentionnel pour un meilleur retour et pour éviter des déclenchements inutiles. Veuillez me corriger si je me trompe, @Don.
Voici à quoi cela ressemble maintenant. J’essaie de faire quelque chose de similaire au chargeur par défaut de Safari. Lorsque vous tirez vers le bas, il apparaît en continu et lorsque vous atteignez le point de préparation, il commence à tourner lentement avec un effet de surbrillance. Lorsque vous relâchez, il commence à tourner plus rapidement et nous gardons le chargeur en haut de la page, avant qu’il ne commence réellement à recharger la page, il masquera le chargeur.
C’est une question tellement stupide, et peut-être que je devrais être content, mais pourquoi est-ce que je ne vois aucun effet de chargement ? Eh bien, je ne vois même pas celui de Discourse — sauf ici sur Meta parfois quand j’utilise PWA. Trop bon service Internet ?
Que voulez-vous dire ? Ceci n’est pas encore fait. Pouvez-vous partager un enregistrement d’écran de ce que vous voyez sur votre site lors du rechargement ?
Bien sûr, mais non. Pour l’instant, ce composant ne fait rien. L’iPad fait des choses plus étranges avec les PWA de temps en temps. Redémarrer aide. Les PWA sont un peu problématiques en ce moment, et cela s’est aggravé après la dernière version d’iPadOS. Mais maintenant, le démarrage n’a pas non plus aidé.
Puis-je revenir en arrière et si oui, comment ?
Et ce « pas de mise à jour » a commencé après la mise à jour d’hier du composant, je suppose. Je n’ai pas vérifié, cependant. Mais cela peut aussi être une coïncidence et le vrai problème est l’OS.
L’iPhone fonctionne, cependant. Il affiche d’abord cette… je ne me souviens plus de son nom en anglais… flèche vers le bas puis un spinner. Cela ne s’est jamais produit sur l’iPad, mais l’écran est descendu et lorsqu’il a été relâché, il a mis à jour le forum.
Si je change le thème, il se met à jour — je vois ce bref clignotement. Mais la deuxième fois, non. Quand je change à nouveau de thème, cela fonctionne une fois, mais pas deux fois.
Oui, je vois que c’est probablement parce que j’ai appliqué le style uniquement à la vue mobile et que votre iPad est en vue bureau. Je vais corriger cela avec la mise à jour. Je pense que nous pouvons remplacer les flèches et le spinner par un nouveau chargeur de style Safari.
Sur quel thème le composant ne fonctionne-t-il pas ?
Tous ces éléments sont identiques. Et non, je ne pense pas qu’il s’agisse d’un conflit entre les composants, car cela fait la même chose, c’est-à-dire rien, sauf une fois, même lorsqu’il est le seul utilisé.
Les plugins sont une chose différente, aucune idée.
Je n’ai jamais pensé que l’iPad n’était pas un appareil mobile.
J’ai mis à jour le composant avec le nouveau chargeur de style Safari. Il devrait maintenant mieux fonctionner sur iPad aussi. En fait, iPad a une barre de navigation en pied de page en haut qui le cachait. J’avais oublié ça.
Ceci est juste le nom car sur iPhone, il est en bas, mais sur iPad, il est en haut. Donc techniquement, c’est une navigation supérieure sur iPad, mais je l’appelle navigation de pied de page par habitude.
Je pense juste à savoir si nous devrions ajouter le rechargement automatique lorsque vous tirez vers le bas en position prête ou garder le rechargement lorsque vous le relâchez ? Il y aura peut-être des conflits avec cela, je ne l’ai pas encore testé. Le chargeur Safari tourne une fois, puis seules les lignes sont mises en surbrillance. Nous ne pouvons pas faire cela car l’animation de mise en surbrillance des lignes s’arrête pendant le rechargement. Mais la rotation peut également se dérouler à ce moment-là. Nous pouvons donc placer le chargeur dans un état de chargement. Peut-être vaut-il mieux le laisser tel quel, il a maintenant de belles animations CSS fluides qui peuvent s’exécuter pendant le rechargement et pas exactement comme le chargeur Safari, mais un peu similaire… quel était l’objectif d’ailleurs
C’est super.
service Internet ?
