Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
dweng0 opened this issue Mar 4, 2025 · 3 comments
Labels
bug Something isn't working dashboards plotly

Comments

@dweng0
Copy link

dweng0 commented Mar 4, 2025

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:

Image

Expected behavior

They should render similar to Firefox:

Image

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
@dweng0 dweng0 added the bug Something isn't working label Mar 4, 2025
@mcanouil
Copy link
Collaborator

mcanouil commented Mar 4, 2025

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
Copy link
Author

dweng0 commented Mar 4, 2025

Thanks @mcanouil

Is this issue fixed in the latest version of Quarto?

@mcanouil
Copy link
Collaborator

mcanouil commented Mar 4, 2025

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working dashboards plotly
Projects
None yet
Development

No branches or pull requests

2 participants