Vous pouvez également demander de l’aide à l’adresse suivante :
Comment faire pour que la barre latérale droite s’affiche partout ? Pas seulement sur la page d’accueil et les catégories.
Il ne fonctionne pas pour le bouton « ajouter un sujet »
Hmm… cela fonctionne bien pour moi lors de l’aperçu sur Theme Creator.
Si vous souhaitez cibler spécifiquement le bouton Nouveau sujet, essayez :
button#create-topic {
// ajoutez du contenu ici...
}
Lorsque l’on a
- un message privé
- avec un tag
- en mode sans barre latérale
La largeur devient très petite
Cause :
.navigation-topics,
.categories-list,
body[class*="tag-"]:not(.archetype-regular):not(.archetype-banner),
body[class*="category-"]:not(.archetype-regular):not(.archetype-banner):not(.archetype-banner):not(.archetype-private_message) {
dans fkb-d-topic-list.scss est appliqué, alors qu’il ne devrait pas l’être.
Je soupçonne qu’il manque :not(.archetype-private_message)
Cependant, je me demande pourquoi il cible ces archétypes de manière aussi spécifique. Est-ce simplement pour vérifier s’il s’agit d’une liste de sujets (par opposition à une vue de sujet) ?
J’adore ce thème, mais je rencontre soit un bug, soit j’ai fait une erreur.
Pour une raison quelconque, il n’y a apparemment aucun espacement au-dessus des sujets, ce qui fait que les coins arrondis disparaissent en quelque sorte et qu’il n’y a aucune séparation visible entre chaque sujet.
Il semble que quelque chose dans le nouveau changement expérimental de la fondation moderne provoque ce comportement. Désactiver cette option semble rétablir la marge normale.
Titre :
[Bug] Le thème plante sur Discourse 2026.4.0-latest — Impossible de trouver le module 'ember-this-fallback/js-component'
Description :
Après la mise à jour de Discourse vers la version v2026.4.0-latest (commit 19374472fd), le thème FKB Pro provoque un plantage fatal du frontend, rendant le forum partiellement inutilisable. Discourse affiche la bannière orange suivante :
“由于主题/组件有错误,您的站点可能无法正常运行。由 ‘FKB Pro theme’ 引起。”
(Traduction : “En raison d’une erreur dans le thème/composant, votre site peut ne pas fonctionner correctement. Causé par ‘FKB Pro theme’.”)
Cause racine :
Le thème (ou l’un de ses composants) fait toujours référence au module ember-this-fallback/js-component, qui a été supprimé du cœur de Discourse dans les versions récentes. Ce module était un adaptateur de compatibilité pour le modèle obsolète this-property-fallback d’Ember, qui permettait aux modèles d’utiliser {{foo}} au lieu de {{this.foo}}. Discourse a officiellement annoncé la suppression de cet adaptateur et exigé que tous les thèmes et plugins migrent vers des liaisons explicites avec this..
Erreur provenant de la console du navigateur :
Failed to load theme 4 from https://www.sitetalk.net/...
Error: Could not find module 'ember-this-fallback/js-component' imported from (require)
[THEME 4 'FKB Pro theme'] Error: Could not find module 'ember-this-fallback/js-component' imported from (require)
at vendor.js
at requireModule (vendor.js)
at Object.lookup (chunk.js)
...
at reportThemeError (chunk.js)
(Version de Discourse affichée dans la console : v2026.4.0-latest, Ember v6.10.1)
Environnement :
| Élément | Valeur |
|---|---|
| Version de Discourse | v2026.4.0-latest (commit 19374472fd) |
| Version d’Ember | v6.10.1 |
| Thème | FKB Pro (installation par défaut depuis ce dépôt) |
| Reproductibilité | 100 % reproductible après la mise à niveau de Discourse |
Nous espérons que les développeurs pourront résoudre ce problème. Merci !!!
Bonjour, lors de la mise à jour de Discourse vers la version v2026.4.0-latest — Ember v6.10.1, une erreur est survenue, rendant le forum inutilisable.
client-error-handler.js:109 [THEME 28 ‘FKB Pro theme’] Erreur : Impossible de trouver le module ember-this-fallback/this-fallback-helper importé depuis (require)
at loader.js:247:1
at a (loader.js:258:1)
at requireModule (loader.js:24:1)
at Object.lookup (app.js:36:12)
Nous souhaitons une correction.
Y a-t-il des nouvelles concernant la correction de ce problème ?
Des nouvelles pour corriger cela ?
J’ai un rapport indiquant que GitHub - literatecomputing/fkb-pro-theme: FKB Pro is a highly modified, detailed, professional social theme, but still user-friendly. · GitHub fonctionne. J’ai soumis une demande de tirage.
Bonjour Don,
Tout d’abord, quel thème époustouflant ! J’ai récemment déployé FKB Pro pour ma communauté éducative locale, Jiwa.now, et l’interface utilisateur basée sur des cartes est magnifique et très professionnelle.
En testant sur mobile, j’ai remarqué un problème d’expérience utilisateur concernant les zones cliquables des cartes de sujets. Actuellement, les zones cliquables semblent incohérentes. Par exemple, les utilisateurs peuvent cliquer sur les bords extrêmes de la carte pour accéder à un sujet, mais cliquer sur d’autres zones vides (comme à droite de la rangée des avatars ou au milieu du pied de page) ne produit aucun effet.
Cette interaction aléatoire « ça passe ou ça casse » déroute les utilisateurs et entraîne souvent des clics accidentels lorsqu’ils tentent simplement de faire défiler ou de balayer le flux.
Une suggestion pour les futures mises à jour : Il serait bénéfique pour l’expérience utilisateur que le thème améliore ce point par défaut en rendant uniquement le contenu principal (Titre, Image et Extrait) cliquable pour accéder au sujet, tout en désactivant le fond de la carte pour éviter les clics accidentels lors du défilement.
En attendant, afin de rendre l’expérience tactile sur mobile 100 % fiable pour mes utilisateurs, j’ai écrit un extrait CSS utilisant une approche de « liste blanche » avec pointer-events. Cela neutralise complètement le clic sur le fond et réactive spécifiquement les clics uniquement sur les éléments interactifs réels.
J’ai pensé partager cela ici pour toute personne souhaitant affiner ses zones tactiles, et peut-être que cela pourrait servir de référence utile aux développeurs :
/* Correctif pour les conflits de clic/tactile sur mobile (Approche de liste blanche intelligente) */
/* 1. Neutraliser l'arrière-plan entier de la carte pour éviter les clics lors du défilement */
.topic-list-item {
pointer-events: none !important;
}
/* 2. Réactiver tous les liens et boutons natifs (Avatars, Tags, Titres) */
.topic-list-item a,
.topic-list-item button {
pointer-events: auto !important;
}
/* 3. Réactiver les clics sur les images */
.topic-list-item .topic-image,
.topic-list-item .topic-thumbnail,
.topic-list-item img {
pointer-events: auto !important;
cursor: pointer !important;
}
/* 4. Réactiver toute la zone des statistiques du pied de page */
.topic-list-item .topic-item-stats,
.topic-list-item .topic-footer,
.topic-list-item .post-activity,
.topic-list-item .activity,
.topic-list-item .num,
.topic-list-item .topic-meta-data {
pointer-events: auto !important;
}
/* 5. Éliminer les éléments pseudo-stylisés de liens étirés qui se chevauchent */
.topic-list-item .main-link::before,
.topic-list-item .main-link::after {
pointer-events: none !important;
display: none !important;
}
Merci !
Leo
@Don il est extra ton thème, merci pour le partage de ce magnifique thème
. C’était juste un petit message de remerciement car pour moi je trouve important de le signaler pour des heures de travail passer dessus pour le plaisir de la communauté !!
Salut @gilles
Merci pour ces mots gentils ! ![]()
J’ai une petite section de soutien sur mon profil si tu as envie de soutenir mon travail : > ./support --coffee
FKB Pro v2 - Les nouveautés ?
L’annonce arrive un peu en retard - la v2 a été publiée il y a environ deux semaines - mais bon, mieux vaut tard que jamais. ![]()
FKB Pro v2 est une mise à jour assez substantielle sous le capot. Bien que l’apparence et le ressenti globaux restent familiers, de nombreuses parties du thème ont été redessinées, optimisées et nettoyées.
Amélioration de la mise en page bureau
La liste des sujets sur bureau utilise désormais une mise en page plus flexible qui fonctionne beaucoup mieux avec la barre latérale de Discourse et le propre panneau de FKB Pro.
La mise en page s’adapte automatiquement lorsque l’espace disponible change, avec des points de rupture dédiés pour les petits écrans et les appareils mobiles.
Meilleur comportement réactif
Beaucoup de travail a été consacré à la gestion des mises en page étroites et du contenu qui déborde.
Les longs titres de sujets, les noms d’utilisateur, les étiquettes et d’autres contenus sont désormais gérés de manière beaucoup plus fiable au lieu de pouvoir pousser la mise en page au-delà de sa largeur disponible.
Les mises en page mobiles ont également été ajustées pour fonctionner avec la largeur réelle du conteneur plutôt que de s’appuyer sur la taille basée sur le viewport.
Performance de la liste des sujets
La liste des sujets a également bénéficié d’optimisations de performance.
Les cartes de sujet hors écran peuvent désormais être ignorées par le navigateur lorsque c’est approprié, tandis que les images de sujet et leurs conteneurs utilisent de meilleures règles de confinement.
Cela devrait être particulièrement utile sur les listes de sujets plus longues.
Amélioration de la mise en cache du panneau FKB
Le panneau FKB utilise désormais des clés de cache spécifiques à l’utilisateur et versionnées.
Au lieu de partager des entrées de cache génériques, les données utilisateur sont stockées en relation avec l’utilisateur Discourse actuel, ce qui empêche les informations mises en cache de fuiter entre les comptes lors du changement d’utilisateur dans le même navigateur.
La mise en cache gère désormais également l’expiration et les entrées invalides de manière plus fiable.
Chargement plus rapide du panneau
Les données de résumé utilisateur et de carte sont désormais demandées en parallèle au lieu d’attendre la fin d’une requête avant de démarrer la suivante.
Il y a aussi une protection supplémentaire contre les requêtes obsolètes écrasant les données après que l’utilisateur actif a changé.
Nouvelle gestion de l’état du panneau
L’état d’affichage/masquage du panneau FKB a été déplacé dans un service d’état dédié.
Cela rend le comportement plus prévisible et plus facile à maintenir, tout en améliorant également la bascule du panneau elle-même avec :
-
un état
aria-expandedapproprié -
des descriptifs explicites
-
des icônes dynamiques
-
un état d’affichage/masquage persistant
Améliorations de l’accessibilité
Plusieurs éléments interactifs ont bénéficié d’un meilleur support de l’accessibilité, en particulier autour des contrôles du panneau FKB.
La bascule du panneau expose désormais correctement son état aux technologies d’assistance et fournit des descriptifs et des titres plus utiles.
Améliorations mobiles
Diverses mises en page mobiles ont été nettoyées et rendues plus robustes, y compris les listes de sujets, les catégories, les messages privés, les pages utilisateur, les groupes et les sujets.
L’objectif était de faire en sorte que FKB Pro se comporte de manière plus naturelle dans la mise en page réactive de Discourse plutôt que de lutter contre celle-ci.
Code plus modulaire
Une grande partie de la mise à jour portait également sur la facilitation de la maintenance de la base de code.
Le panneau FKB a été découpé en composants plus petits pour des éléments tels que les informations utilisateur, les statistiques, les badges et les visiteurs.
Les cartes de la liste des sujets ont également été réorganisées en composants distincts pour l’en-tête, le corps, les métadonnées et la section de liste.
Cela ne change pas nécessairement ce que les utilisateurs voient, mais cela rend le développement futur considérablement plus facile.
En bref
FKB Pro v2 n’est pas seulement une mise à jour visuelle. C’est une réécriture assez significative de plusieurs parties du thème, avec un accent sur un meilleur comportement réactif, les performances, la mise en cache, l’accessibilité et la maintenabilité.
Merci à tous ceux qui utilisent FKB Pro et qui signalent des problèmes ou suggèrent des améliorations. ![]()
J’ai un défaut de présentation sur mobile a cause de la description. J’ai essayé si je pouvais faire quelque chose mais je n’arrive pas. Je ne sais pas si je suis le seul dans ce cas
j’ai réussi à faire une modif en scss pour le mobile
/* Force le texte de la description à s'enrouler */
.category-heading__content p,
.category-heading__content span,
.category-heading__content div {
white-space: normal !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
max-width: 100% !important;
}
après, il y a peut être mieux ![]()
Cela ressemble à un problème fondamental.
Je rencontre le même souci avec le thème par défaut.
Cependant, je pense que cette section serait mieux gérée avec grid. Par exemple :
.category-heading {
&.--has-logo {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-4);
}
&__content {
min-width: 0;
.badge-category__wrapper {
max-width: 100%;
}
}
}
Cette approche semble gérer l’espace disponible de manière plus fiable, surtout lorsque le nom de la catégorie est long.




