FF No overflow in Flex

firefox bug

by Aron Duby

HTML

<div id="container">
    <article class="content">
        <aside class="sidebar">sidebar or something</aside>
        <div class="primary">
            <div class="calendars">
                <div>no</div>
                <div>no</div>
                <div>no</div>
                <div>no</div>
                <div>no</div>
                <div>no</div>
                <div>no</div>
                <div>no</div>
                <div>no</div>
                <div>no</div>
            </div>
        </div>
    </article>
</div>

CSS

#container{
    width:600px;
    background:#eee;
    margin:auto;
}

.content{
    display:flex;
}

.sidebar{
    width:160px;
    background:silver;
}

.primary{
    flex:1;
    background:orange;
}

.calendars{
    white-space:nowrap;
    overflow:scroll;
    background:green;
}
    .calendars div{
        display:inline-block;
        width:200px;
        background:red;
        margin-right:10px        
    }