JSFiddle - React, Tailwind, and code Playground

HTML

<div id="flexbox">
    <div class="flexed"></div>
    <div class="flexed" id="remove-me"></div>
    <div class="flexed"></div>
</div>

CSS

#flexbox {
    display: -webkit-flex;
    -webkit-flex-flow: row;
}

.flexed {
    border: 1px solid black;
    height: 100px;
    -webkit-flex: 1 0 auto;
    -webkit-transition: -webkit-flex 250ms linear;
}

.clicked {
    -webkit-flex: 0 0 auto;
}

JavaScript

var node = document.querySelector('#remove-me');
    
node.addEventListener('click', function (evt) {
    this.classList.add('clicked');
}, false);

node.addEventListener('webkitTransitionEnd', function (evt) {
    document.querySelector('#flexbox').removeChild(this);
}, false);