NoScriptユーザーはテーマカスタマイズでカスタムフッターを表示できません

[adrelanos]

フォーラムにカスタムヘッダーとフッターを実装するために、「設定」>「カスタマイズ」>「テーマ」>「コンポーネント」に移動しました。ここで、標準のヘッダーコンポーネントをインストールし、デフォルトのテーマに関連付けました。次に、「ヘッダー」セクションにカスタムヘッダーHTMLを、「フッター」セクションにカスタムフッターHTMLを追加して、このコンポーネントをカスタマイズしました。

JavaScriptが有効な一般ユーザーの場合、すべて正しく表示され、カスタムヘッダーとフッターの両方が表示されます。しかし、NoScriptが有効な状態で、特に「最も安全」設定のTorブラウザでアクセスした場合、カスタムヘッダーはコンテンツの下に配置され、カスタムフッターは完全に消えてしまいます。ページソースコードからも見当たりません。

一時的な解決策として、コンポーネントの「本文」セクション内にnoscriptタグを統合し、このnoscriptタグ内にカスタムフッターHTMLを再度埋め込みました。しかし、これは単なる回避策であり、よりクリーンで将来的に壊れる可能性の低い解決策を希望しています。

バグレポート/機能リクエスト：

1. NoScriptユーザーに対して、カスタムフッターが表示され、適切にレンダリングされることを保証してください。
2. NoScriptバージョンでは、ヘッダーはコンテンツの上に表示され、フッターはコンテンツの後に続くように、通常のJavaScriptが有効なページの表示シーケンスをミラーリングしてください。

[Canapin (Coin-coin le Canapin)]

こんにちは、Adrelanosさん

@adrelanos

ここに、標準ヘッダーコンポーネントをインストールしました

もう少し具体的に教えていただけますか？この「標準ヘッダーコンポーネント」の正確な名前は何ですか？

[adrelanos]

@Canapin

この「標準ヘッダーコンポーネント」の正確な名前は何ですか？

管理者 → カスタマイズ → テーマ → コンポーネント → デフォルト → コンポーネント → ヘッダー → HTML/CSSの編集 → ヘッダー

<div class="header-brand-nav">
    <a class="home" href="https://www.example.com">example</a>
    ... similar links ...
</div>

[Canapin (Coin-coin le Canapin)]

@adrelanos

カスタムヘッダーがコンテンツの下にずれて表示され、カスタムフッターは完全に消えてしまい、ページソースコードからもなくなってしまいます。

再現できました。

[Canapin (Coin-coin le Canapin)]

@merefield

いつからJavaScriptなしでテーマコンポーネントが可能になったのですか？

ここでは、これを介してテーマのヘッダーとフッターにHTMLを追加することが問題となります。

[merefield (Robert)]

サイトのnoscript版には、確かに一部のテーマ要素が表示されます。

サポートレベルについて、明確な声明があると良いでしょう。

アセットやCSSはダウンロードされるようですが、他の要素については不明です。

[Canapin (Coin-coin le Canapin)]

問題をより適切に提示します。

1. 新しい空のテーマコンポーネントを作成します。

2. Header に <kbd><div>style="padding: 30px; background: red;"></div></kbd> を配置します。

3. Footer に <kbd><div>style="padding: 30px; background: green;"></div></kbd> を配置します。

4. ホームページに移動してページを更新します。

5. 期待どおり、赤いヘッダーが d-header の上に表示されます。
   

   

6. 緑色のフッターが表示されるように下にスクロールします。
   

   
   
   フッター部分に少し不具合があるようです。スクロールダウンしなくても表示されるはずですが、スクロールの動作が奇妙で、カスタムフッターに到達するとスクロールの動きが遅くなるようです。これは現在の問題とは関係ない可能性があるので、新しいトピックが必要かもしれません。

7. ブラウザの開発者ツール（Chrome）で、右側の （設定）に移動し、[設定] タブを選択して、「JavaScript を無効にする」にチェックを入れます。
   

   

8. ページを更新します。