Plotly Indicators not taking up full hieght on Chrome and Chrome based browsers

[dweng0]

Bug description

Plotly indicators appear to be "squashed" and don't render to their full height on Chrome and Chrome based browsers like Brave, resulting in the data being illegible.

Not that it works fine on Firefox

Steps to reproduce

I've created a Quarto Dashboard project with minimum reproduce able code https://github.com/dweng0/quarto-indicator-bug

But if you have an empty quarto project setup you could add:

--- 
title: "Plotly indicator bug test"
author: "Test"
format:
  dashboard
---
```{python}
#| include: false
import plotly.graph_objects as go

```

## Row {height=200px}

```{python}
#| title: Test failing indicator
#| padding: 0px
  fig = go.Figure(go.Indicator(
    mode = "number+delta",
    value = 450,
    delta = {'reference': 300},
    title = {'text': "Speed"},
    domain = {'x': [0, 1], 'y': [0, 1]}
))

fig
```

Actual behavior

Plotly indicators render with all numbers and graphics stacked on top of each other:

Expected behavior

They should render similar to Firefox:

Your environment

Note this is OS agnostic and specific to browsers. However:

OS: Ubuntu 24.04.2 LTS x86_64 
Host: ThinkPad X1 Carbon  
Kernel: 6.11.0-17-generic 

Browsers:

Chrome: Version 133.0.6943.141 (Official Build) (64-bit)
Brave: [Version 1.75.181 Chromium: 133.0.6943.141 (Official Build) (64-bit)](https://brave.com/latest/)
Firefox:135.0.1 (64-bit)

Built using VIM, but tested and debugged using VSCode

Quarto check output

Quarto 1.5.56
[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.2.0: OK
      Dart Sass version 1.70.0: OK
      Deno version 1.41.0: OK
      Typst version 0.11.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 1.5.56
      Path: /opt/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.12.3
      Path: quarto-indicator-bug/env/bin/python3
      Jupyter: 5.7.2
      Kernels: python3

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

[✓] Checking R installation...........OK
      Version: 4.4.2
      Path: /usr/lib/R
      LibPaths:
        - /home/jay/R/x86_64-pc-linux-gnu-library/4.4
        - /usr/local/lib/R/site-library
        - /usr/lib/R/site-library
        - /usr/lib/R/library
      knitr: 1.49
      rmarkdown: 2.29

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

[mcanouil]

Please upgrade to the latest stable version of Quarto.

Could you avoid using "here" (or similar) as link text which convey no meaning of what the link is about. See Writing meaningful link text (WCAG).

[dweng0]

Thanks @mcanouil

Is this issue fixed in the latest version of Quarto?

[mcanouil]

Each version fixes numerous things. When reporting bugs, that's up to the user to confirm that at least with the stable version of the software the bug is there.

Unless the bug is a security one, old releases won't be updated so there is no real benefits to report bugs from old releases.

Note that this isn't specific to Quarto CLI.

[dweng0]

Thanks. Will update and get back to you on this

[mcanouil]

Why are you setting padding: 0px? It appears, you are the one causing the issue.

Input	Output
--- title: "Plotly indicator bug test" format: dashboard --- ```{python} #| include: false import plotly.graph_objects as go ``` ## Row {height=200px} ```{python} #| title: Test failing indicator fig = go.Figure(go.Indicator( mode="number+delta", value=450, delta={'reference': 300}, title={'text': "Speed"}, domain={'x': [0, 1], 'y': [0, 1]} )) fig ```

[mcanouil]

I'm going ahead and close as I cannot reproduce an issue using latest development version once the offending setting is removed.