Observable Plot doesn't render properly inside tabset panel

[agre689]

Bug description

OJS plots don't display properly inside tabset panels of my dashboard when the document is rendered.
I think the plot might be rendering at a height ~0px?
If I click "Expand" the expanded plot is displayed, and if I close the expanded window, the plot displays as it should. Navigating away from this tab resets the plot and the plot is collapsed again.
I see this behaviour in RStudio's viewer pane as well as in Chrome and Firefox.

Steps to reproduce

---
title: "Untitled"
format: dashboard
---

```{r}
#| output: false

df = data.frame(x = 1:10, y = 1:10)
ojs_define(df)
```

# Page

## Page Content

::: {.panel-tabset}

### Plot1

```{ojs}
Plot.plot({
  marks: [
    Plot.lineY(transpose(df), {x: "x", y: "y"})
  ]
})
```

### Plot2

:::

Expected behavior

Plot is displayed at normal height on opening the document.

Actual behavior

Plot is minimised/not rendered (?) until expanding and closing the plot window.

Your environment

-IDE: 2024.12.0 Build 467
-OS: Windows 11 Home Version 23H2 build 22631.4751
-Browsers: Chrome (131.0.6778.266) and Firefox (134.0.2).

Quarto check output

Quarto 1.6.40
[>] Checking environment information...
Quarto cache location: C:\Users\Alex\AppData\Local\quarto
[>] Checking versions of quarto binary dependencies...
Pandoc version 3.4.0: OK
Dart Sass version 1.70.0: OK
Deno version 1.46.3: OK
Typst version 0.11.0: OK
[>] Checking versions of quarto dependencies......OK
[>] Checking Quarto installation......OK
Version: 1.6.40
Path: C:\Users\Alex\AppData\Local\Programs\Quarto\bin
CodePage: 1252

[>] Checking tools....................OK
TinyTeX: (not installed)
Chromium: (not installed)

[>] Checking LaTeX....................OK
Tex: (not detected)

[>] Checking basic markdown render....OK

[>] Checking Python 3 installation....OK
Version: 3.13.0
Path: C:/Users/Alex/AppData/Local/Programs/Python/Python313/python.exe
Jupyter: (None)

  Jupyter is not available in this Python installation.
  Install with py -m pip install jupyter

[>] Checking R installation...........OK
Version: 4.4.1
Path: C:/PROGRA1/R/R-441.1
LibPaths:
- C:/Users/Alex/AppData/Local/R/win-library/4.4
- C:/Program Files/R/R-4.4.1/library
knitr: 1.48
rmarkdown: 2.27

[>] Checking Knitr engine render......OK

[mcanouil]

Have you tried setting some height value?

---
title: "Untitled"
format: dashboard
---

```{r}
#| output: false

df = data.frame(x = 1:10, y = 1:10)
ojs_define(df)
```

# Page

## Page Content

::: {.panel-tabset}

### Plot1

```{ojs}
//| height: 300
Plot.plot({
  marks: [
    Plot.lineY(transpose(df), {x: "x", y: "y"})
  ]
})
```

### Plot2

:::

[marginofaaron]

Just jumping in here to say that adding the height declaration at the top of the chunk, as @mcanouil suggested, solved this issue for me in Chrome. Although I am on Mac and different Chrome and RStudio versions than OP.

Without height declaration

Code

---
title: "Untitled"
format: dashboard
---

```{r}
#| output: false

df = data.frame(x = 1:10, y = 1:10)
ojs_define(df)
```

# Page

## Page Content

::: {.panel-tabset}

### Plot1

```{ojs}
Plot.plot({
  marks: [
    Plot.lineY(transpose(df), {x: "x", y: "y"})
  ]
})
```

### Plot2


:::

With height declaration

Code

---
title: "Untitled"
format: dashboard
---

```{r}
#| output: false

df = data.frame(x = 1:10, y = 1:10)
ojs_define(df)
```

# Page

## Page Content

::: {.panel-tabset}

### Plot1

```{ojs}
//| height: 300
Plot.plot({
  marks: [
    Plot.lineY(transpose(df), {x: "x", y: "y"})
  ]
})
```

### Plot2


:::

Environment
RStudio: 2024.12.1.563
OS: Mac OS 15.3.1 (24D70)
Browser: Chrome Version 136.0.7103.114 (Official Build) (arm64)

Check Quarto
Quarto 1.6.40
[✓] Checking environment information...
Quarto cache location: /Users/aaron/Library/Caches/quarto
[✓] Checking versions of quarto binary dependencies...
Pandoc version 3.4.0: OK
Dart Sass version 1.70.0: OK
Deno version 1.46.3: OK
Typst version 0.11.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
Version: 1.6.40
Path: /Applications/quarto/bin

[✓] Checking tools....................OK
TinyTeX: (not installed)
Chromium: (not installed)

[✓] Checking LaTeX....................OK
Tex: (not detected)

[✓] Checking basic markdown render....OK

[✓] Checking Python 3 installation....OK
Version: 3.9.6
Path: /Library/Developer/CommandLineTools/usr/bin/python3
Jupyter: (None)

  Jupyter is not available in this Python installation.
  Install with python3 -m pip install jupyter

[✓] Checking R installation...........OK
Version: 4.4.2
Path: /Library/Frameworks/R.framework/Resources
LibPaths:
- /Library/Frameworks/R.framework/Versions/4.4-arm64/Resources/library
knitr: 1.49
rmarkdown: 2.29

[✓] Checking Knitr engine render......OK

Mac:Quarto Demo Site aaron$