Utenti NoScript impossibilitati a visualizzare il piè di pagina personalizzato nella personalizzazione del tema

Bug
1

Abbiamo implementato sia un’intestazione che un piè di pagina personalizzati per il nostro forum navigando in Impostazioni > Personalizza > Temi > Componenti. Qui, abbiamo installato il componente di intestazione standard e lo abbiamo associato al tema predefinito. Abbiamo quindi personalizzato questo componente aggiungendo il nostro HTML specifico per l’intestazione nella sezione “Intestazione” e il nostro HTML per il piè di pagina nella sezione “Piè di pagina”.

Per gli utenti normali con JavaScript abilitato, tutto appare correttamente con l’intestazione e il piè di pagina personalizzati visibili. Tuttavia, quando si accede con NoScript abilitato, in particolare utilizzando il browser Tor con la sua impostazione “Più sicura”, l’intestazione personalizzata viene posizionata in modo errato sotto il contenuto, mentre il piè di pagina personalizzato scompare del tutto, mancando anche dal codice sorgente della pagina.

Come soluzione temporanea, abbiamo integrato un tag noscript nella sezione “Corpo” del componente e incorporato nuovamente l’HTML del piè di pagina personalizzato all’interno di questo tag noscript. Tuttavia, questa è solo una soluzione temporanea e preferiremmo una soluzione più pulita, con minori probabilità di rompersi in futuro.

Segnalazione bug / Richiesta di funzionalità:

  1. Assicurare che il piè di pagina personalizzato sia visibile e renderizzato in modo appropriato per gli utenti NoScript.
  2. Per la versione NoScript, l’intestazione dovrebbe apparire sopra il contenuto e il piè di pagina dovrebbe seguire il contenuto, rispecchiando la sequenza di visualizzazione della pagina normale con JavaScript abilitato.
2

Ciao Adrelanos :slight_smile:

Puoi essere più specifico? Qual è il nome esatto di questo “componente header standard”?

2 Mi Piace
3

Admin → Personalizza → Temi → Componente → Predefinito → Componenti → Header → Modifica HTML/CSS → Header

<div class="header-brand-nav">
    <a class="home" href="https://www.example.com">example</a>
    ... altri link simili ...
</div>
1 Mi Piace
4

Posso riprodurlo.

js
js2498×974 119 KB

:point_down:
no js
no js2498×1363 96.9 KB

2 Mi Piace
6

Qui si tratta di aggiungere HTML nell’intestazione e nel piè di pagina di un tema attraverso questo:

image
image363×200 3.51 KB

3 Mi Piace
9

È certamente vero che alcuni elementi del tema DO appaiono nella versione noscript dei siti.

Sarebbe utile avere una dichiarazione definitiva sul livello di supporto previsto.

Sembra che gli asset e il CSS vengano scaricati… non sono sicuro di altri elementi.

2 Mi Piace
13

Presentazione più appropriata del problema:

  1. Crea un nuovo componente tema vuoto

  2. Inserisci <div></div> in <kbd>Header</kbd>

  3. Inserisci <div></div> in <kbd>Footer</kbd>

  4. Vai alla home page e aggiorna la pagina

  5. L’intestazione rossa appare in cima a d-header come previsto

    image
    image2560×1315 146 KB

  6. Scorri verso il basso per far apparire il piè di pagina verde:

    image
    image2560×1315 142 KB

    :warning: La parte del piè di pagina sembra un po’ difettosa. Dovrebbe apparire senza dover scorrere verso il basso e il comportamento di scorrimento è strano, è come se il movimento di scorrimento fosse rallentato quando raggiungiamo il piè di pagina personalizzato. Potrebbe essere necessario un nuovo argomento poiché potrebbe non essere correlato al problema attuale.

  7. Negli strumenti di sviluppo del browser (Chrome), vai su :gear: (Impostazioni) a destra, quindi sulla scheda Preferenze, quindi seleziona “Disabilita Javascript”:

    image
    image2560×1315 190 KB

  8. Aggiorna la pagina:

    image
    image2560×1315 92.8 KB

1 Mi Piace