G
YouTube TikTok Games
Skip to content

Navigation menu permanently overlaps content in the "narrow" page mode #694

Open

Description

@MadeByIToncek

Relevant information:

  • Recodex version: v2.22.0
  • Firefox v158.0.1 on NixOS 26.11.20261023.3ec6363
  • Does not appear to be happening in Chromium

How to reproduce:

  1. Load ReCodEx when your browser's active area is larger than 991.98px ("wide" layout)
  2. Shrink your browser window below 991.98px (switch to "narrow" layout)
  3. Menu is stuck open until you reload the page and content below is not visible. It cannot be (from my testing) closed by clicking anywhere on the page.
Image
  1. After reloading, when you extend the menu from it's hidden state to the partially visible state, it cannot be retracted back into the "hidden" state. Below is the partially extended state, from which you cannot return to the hidden state without reloading the page.
Image

Ps: found this when doing my assignment for Responsive layouts in CSS :D

Activity

  1. MadeByIToncek commented on Nov 9, 2026

    @MadeByIToncek
    Author

    Kouknul jsem na source code, vypadá to na Admin LTE issue. Pokud se změní
    @media (max-width: 991.98px) {
    .sidebar-expand-lg .app-sidebar {
    position: fixed;
    na
    position: sticky;
    tak se ten issue opraví automaticky, sidebar v obou režimech nebude překrývat stránku.

    Nevím, jak moc se mi chce dropnout ten selector do kódu recodexu vs najít "správné řešení", s admin-lte nemám zatím moc zkušenosti.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions