rstudio / rstudio/bslib

navsets not rendering correctly with quarto

Open
#834 4 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

navsets are rendering correctly in rmarkdown but not quarto. The tab/pill/etc appears as plain html, regardless of which navset_* is used.

rmarkdown

---
title: "bslib rmarkdown"
output: 
  html_document:
    theme:
      version: 5
---


```{r message = FALSE}
library(bslib)
library(ggplot2)
library(plotly)

p1 <- ggplot(mpg, aes(displ, hwy)) +
  geom_point()
p2 <- ggplot(mpg, aes(cty, hwy)) +
  geom_point()

navset_tab(nav_panel(title = 'one', ggplotly(p1)), 
           nav_panel(title = 'two', ggplotly(p2)))
```
image

quarto

---
title: "bslib quarto"
format: html
---


```{r message = FALSE}
library(bslib)
library(ggplot2)
library(plotly)

p1 <- ggplot(mpg, aes(displ, hwy)) +
  geom_point()
p2 <- ggplot(mpg, aes(cty, hwy)) +
  geom_point()

navset_tab(nav_panel(title = 'one', ggplotly(p1)), 
           nav_panel(title = 'two', ggplotly(p2)))
```
image

Versions

  • bslib 0.5.1.9000
  • quarto 1.3.450

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 provided bslib examples in both R Markdown and Quarto using the listed versions, then compare their generated HTML and asset behavior. Done means the Quarto example renders navset tabs or pills as interactive components rather than plain HTML, matching the R Markdown result.

Written by the indexing model from the issue text.

Assessment

Tech stack
r
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.