I made 2 column row with flex.
left column is list of items without shrink.
right column is chart with width to end window.
I try for chart width 100% basic 100% nothing helping, chart out of windows and add scroll.

```
<div class="frow">
        <div class="list">
            <div>
                <input type="checkbox" id="jack" value="1"/>
                <label for="jack">item 1</label>
            </div>
        </div>
        <div class="chart" ref="chartDiv"></div>
</div>

.frow{
  display: flex;
  flex-direction: row;
}
.list{
    flex-shrink: 0;
}
.chart {
    height: 500px;
    width: 100%;
}

```

[![enter image description here](https://i.stack.imgur.com/2cnGF.png)](https://i.stack.imgur.com/2cnGF.png)

If i try create without flex with display: inline-block for columns and chart width 100% all work without problem