rstudio / rstudio/bslib

nav-item for hidden_nav_panel adds vertical space to nav-bar on narrow window size

Open
#1,215 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
SCSS
Stars
569
Forks
72
Avg merge
1d 2h
Merged PRs (30d)
5

Description

Problem
When the nav-bar switches on narrow windows or devices to a list format (navbar_options = list(collapsible = FALSE)) nav items for hidden nav panels lead to increased vertical size of nav bar menu.
Additionally, when switched to the hidden panel, the corresponding nav-item is underlined.
It might be related to this issue.

The following example is based on the one in the linked issue 1117.

ui <- page_navbar(
  id = "app",
  navbar_options = list(collapsible = FALSE,
                        theme="dark"),
  nav_panel(
    title = "Tab 1",
    input_task_button("to_hidden_panel", "Go to hidden panel")
  ),
  nav_panel_hidden(
    value = "Tab 2",
    "Content"
  )
)

server <- function(input, output, session) {
  observeEvent(input$to_hidden_panel, {
    nav_select("app", selected = "Tab 2")
  })
}

shinyApp(ui, server)

Some session info

─ Session info ──────────────
 setting  value
 version  R version 4.4.3 (2025-02-28)
 os       Ubuntu 24.04.2 LTS
 system   x86_64, linux-gnu
 ui       RStudio
 language de_DE.UTF-8
 collate  de_DE.UTF-8
 ctype    de_DE.UTF-8
 tz       Etc/UTC
 date     2025-06-04
 rstudio  2024.12.1+563 Kousa Dogwood (server)
 pandoc   3.6.4 @ /usr/bin/pandoc
 quarto   1.5.57 @ /usr/local/bin/quarto

─ Packages ────────────
 package      * version date (UTC) lib source
 bslib        * 0.9.0   2025-01-30 [1] RSPM 
 htmltools      0.5.8.1 2024-04-04 [1] RSPM
 shiny        * 1.10.0  2024-12-14 [1] RSPM (R 4.4.0)

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the supplied example using page_navbar, nav_panel_hidden, and nav_select at a narrow window size, then inspect the navbar styling and hidden-panel navigation behavior. Done means hidden-panel nav items add no vertical space in list mode and the corresponding item is not underlined when the hidden panel is selected.

Written by the indexing model from the issue text.

Assessment

Tech stack
bootstrap, r, scss
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.