Les utilisateurs de NoScript ne peuvent pas voir le pied de page personnalisé dans la personnalisation du thème

Bug
1

Nous avons implémenté un en-tête et un pied de page personnalisés pour notre forum en naviguant vers Paramètres > Personnaliser > Thèmes > Composants. Ici, nous avons installé le composant d’en-tête standard et l’avons associé au thème par défaut. Nous avons ensuite personnalisé ce composant en ajoutant notre HTML d’en-tête spécifique dans la section « En-tête » et notre HTML de pied de page dans la section « Pied de page ».

Pour les utilisateurs réguliers avec JavaScript activé, tout s’affiche correctement avec l’en-tête et le pied de page personnalisés visibles. Cependant, lorsqu’il est accédé avec NoScript activé, en particulier en utilisant le navigateur Tor avec son réglage « Le plus sûr », l’en-tête personnalisé est mal placé sous le contenu, tandis que le pied de page personnalisé disparaît complètement — il est également manquant dans le code source de la page.

Comme solution temporaire, nous avons intégré une balise noscript dans la section « Corps » du composant et intégré à nouveau le HTML du pied de page personnalisé à l’intérieur de cette balise noscript. Cependant, ce n’est qu’une solution de contournement, et nous préférerions une solution plus propre, avec moins de risques de dysfonctionnement à l’avenir.

Rapport de bug / demande de fonctionnalité :

  1. Assurez-vous que le pied de page personnalisé est visible et rendu de manière appropriée pour les utilisateurs de NoScript.
  2. Pour la version NoScript, l’en-tête doit apparaître au-dessus du contenu, et le pied de page doit suivre le contenu, reflétant la séquence d’affichage de la page normale avec JavaScript activé.
2

Bonjour Adrelanos :slight_smile:

Pouvez-vous être plus précis ? Quel est le nom exact de ce « composant d’en-tête standard » ?

2 « J'aime »
3

Admin → Personnaliser → Thèmes → Composant → Défaut → Composants → En-tête → Modifier HTML/CSS → En-tête

<div class="header-brand-nav">
    <a class="home" href="https://www.example.com">example</a>
    ... d'autres liens similaires ...
</div>
1 « J'aime »
4

Je peux reproduire cela.

js
js2498×974 119 KB

:point_down:
no js
no js2498×1363 96.9 KB

2 « J'aime »
6

Ici, il s’agit d’ajouter du HTML dans l’en-tête et le pied de page d’un thème via ceci :

image
image363×200 3.51 KB

3 « J'aime »
9

Il est certainement vrai que certains éléments thématiques apparaissent sur la version noscript des sites.

Il serait bon d’avoir une déclaration définitive sur le niveau de support prévu.

Il semble que les ressources et le CSS soient téléchargés… pas sûr pour les autres éléments.

2 « J'aime »
13

Présentation plus détaillée du problème :

  1. Créez un nouveau composant de thème vide

  2. Mettez <div></div> dans <kbd>Header</kbd>

  3. Mettez <div></div> dans <kbd>Footer</kbd>

  4. Allez sur la page d’accueil et actualisez la page

  5. L’en-tête rouge apparaît en haut du d-header comme prévu

    image
    image2560×1315 146 KB

  6. Faites défiler vers le bas pour faire apparaître le pied de page vert :

    image
    image2560×1315 142 KB

    :warning: La partie du pied de page semble un peu buggée. Elle devrait apparaître sans avoir à faire défiler vers le bas, et le comportement de défilement est étrange, c’est comme si le mouvement de défilement était ralenti lorsque nous atteignons le pied de page personnalisé. Il faudra peut-être un nouveau sujet car ce n’est peut-être pas lié au problème actuel.

  7. Dans les outils de développement du navigateur (Chrome), allez dans :gear: (Paramètres) à droite, puis dans l’onglet Préférences, puis cochez “Désactiver Javascript” :

    image
    image2560×1315 190 KB

  8. Actualisez la page :

    image
    image2560×1315 92.8 KB

1 « J'aime »