esnet / esnet/react-timeseries-charts

Chart container does not appear within Display Flex Container

Open
#431 4 comments 1 reaction 0 assignees View on GitHub
:spider: bug
Dominant language
JavaScript
Stars
876
Forks
279
PR merge metrics
No merged PRs in 30d

Description

# 🐛Bug report

**Describe the bug**
When a ``, wrapped in the `` component is within a `display: flex` container, the chart will not appear in the DOM

**To Reproduce**
Steps to reproduce the behavior:
I have created a test repo here: https://github.com/zbayoff/react-timeseries-charts-example
using the [Simple Bar Chart Example](http://software.es.net/react-timeseries-charts/#/example/barchart). The test repo is created with the Create React App code.

Clone the repo, `npm install` and `yarn run start`.

**Expected behavior**
The bar chart should show in the DOM. Setting the `row` class to `display: block` and the bar chart will appear. It is necessary, in my app, however, that the container is `display: flex`.

**Desktop (please complete the following information):**
- OS: iOS
- Chrome
- Version 79.0.3945.130 (Official Build) (64-bit)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.