nav-item for hidden_nav_panel adds vertical space to nav-bar on narrow window size
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
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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