Windows 10 reached EOS (end of support) on October 14, 2025. For more information, see this article.

Mozilla サポートの検索

サポート詐欺に注意してください。 私たちはあなたに通話やショートメッセージの送信、個人情報の共有を求めることはありません。疑わしい行為を見つけたら「迷惑行為を報告」からご報告ください。

詳しく学ぶ

position: sticky not working correctly inside position: fixed container

  • 1 件の返信
  • 0 人がこの問題に困っています
  • 80 回表示
  • 最後の返信者: TyDraniu

more options

Hello Firefox Support Team,

I would like to report a browser compatibility issue regarding CSS positioning behavior that differs from Chromium-based browsers.

    • Issue Description:**

When an element with `position: sticky` is placed inside a container with `position: fixed`, Firefox treats the sticky element as if it has `position: relative`, effectively breaking the sticky positioning functionality.

    • Expected Behavior:**

The sticky element should maintain its sticky positioning behavior even when nested inside a fixed-positioned container, as it does in Chromium-based browsers.

    • Current Firefox Behavior:**

The sticky element loses its sticky properties and behaves like a relatively positioned element.

    • Use Case:**

This issue particularly affects modal implementations where: - The `body` element receives `position: fixed` to prevent background scrolling - Page elements (such as `.total-section`) should maintain their sticky behavior regardless of changes to the body positioning

    • Browser Comparison:**

- **Chromium browsers (Chrome):** Sticky positioning works correctly in this scenario - **Firefox:** Sticky positioning fails and falls back to relative behavior

    • Request:**

Could you please consider aligning Firefox's behavior with other major browsers? The current inconsistency creates cross-browser compatibility issues and forces developers to implement JavaScript workarounds.

Thanks!

Hello Firefox Support Team, I would like to report a browser compatibility issue regarding CSS positioning behavior that differs from Chromium-based browsers. **Issue Description:** When an element with `position: sticky` is placed inside a container with `position: fixed`, Firefox treats the sticky element as if it has `position: relative`, effectively breaking the sticky positioning functionality. **Expected Behavior:** The sticky element should maintain its sticky positioning behavior even when nested inside a fixed-positioned container, as it does in Chromium-based browsers. **Current Firefox Behavior:** The sticky element loses its sticky properties and behaves like a relatively positioned element. **Use Case:** This issue particularly affects modal implementations where: - The `body` element receives `position: fixed` to prevent background scrolling - Page elements (such as `.total-section`) should maintain their sticky behavior regardless of changes to the body positioning **Browser Comparison:** - **Chromium browsers (Chrome):** Sticky positioning works correctly in this scenario - **Firefox:** Sticky positioning fails and falls back to relative behavior **Request:** Could you please consider aligning Firefox's behavior with other major browsers? The current inconsistency creates cross-browser compatibility issues and forces developers to implement JavaScript workarounds. Thanks!

すべての返信 (1)

more options

Perhaps it's our bug 1944481.

質問する

投稿に返信するには あなたのアカウントにログイン する必要があります。まだアカウントをお持ちでなければ、新しい質問を開始 してください。