Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG] Charts are not displayed when nested under <details> (in Firefox)

See original GitHub issue

[BUG] Charts are not displayed when nested under <details> tags (in Firefox).

Current Behavior

When nesting the chart in <details>, the chart does not display. This bug appears to happen only in Firefox. In Chrome and Opera, the chart is displayed.

Steps to Reproduce (for bugs)

CodePen demo: https://codepen.io/JAT86/pen/mpQvmJ

Environment

Chart.js version: Version: 2.7.1
Browser name and version: Firefox Quantum, version 57.0.4 (64-bit)

Issue Analytics

State:
Created 6 years ago
Comments:8 (8 by maintainers)

Top GitHub Comments

1reaction

jcopperfieldcommented, Jan 19, 2018

@JAT86 It seems to be related with the responsive-option. Setting this option to responsive: false will show the chart in Firefox as well. Also embedding the chart directly under the details-tag instead of inside the <div class="myChartDiv"> container will show the chart.

0reactions

etimbergcommented, Feb 17, 2020

Done in #7104

Top Results From Across the Web

Deeply nested elements are not rendered (TAGLVL has been ...

Guys, any update here? I have reports that users hit this on gmail when copy/paste to/from html mail. IE, Chrome and Chromium and...

embedded content wont load on third party website

There is a site I visit which embeds stock charts from tradingview.com. I can view any chart directly at tradingview.com but I can't...

Boolean query Dependency Searching: Blocks ... - Bugzilla@Mozilla

I would like to find all the bugs which block the 3rd level (nested) Tracker bugs. Using Boolean query, I am unable to...

Flex-basis not respected when intrinsically sizing nested flex ...

What happens in Firefox currently is ".horizontal-container-shrink" is behaving as if it has flex: 1 1 auto; forcing its parent ".horizontal-container > li: ......

754861 - console.log doesn't show objects at the time of ...

Currently the bug you are seeing happens because we store a reference to the object you evaluate and inspect it live. So any...