quarto-dev / quarto-dev/quarto-cli

Tabset (with explicit headers) breaks Row layout in dashboards

Open
#11,387 2 comments 0 reactions 1 assignee View on GitHub

@cscheid is already working on this.

Since Apr 7, 2025.

bug dashboards tabsets
Dominant language
JavaScript
Stars
6k
Forks
458
Avg merge
1d 9h
Merged PRs (30d)
41

Description

Take the following code, the use of tabset breaks the row layout.
The "column" in the second "row" is no longer handle properly.

InputOutput
---
title: "Quarto Playground"
format: dashboard
---

## Row

### Column {.tabset}

#### Tab 1

{{< lipsum 1 >}}

#### Tab 2

{{< lipsum 1 >}}

### Column

{{< placeholder >}}

## Row

### Column {.tabset}

#### Tab 1

{{< lipsum 1 >}}

#### Tab 2

{{< lipsum 1 >}}

### Column

{{< placeholder >}}

image

Originally posted by @mcanouil in https://github.com/quarto-dev/quarto-cli/discussions/11374#discussioncomment-11238847

Contributor guide

Open the contributing guide

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.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.