Using IE, the width of div having id = "child" is smaller than thesum of the widthsof2 input tag. Unexpectedly the width is equals to the div with id = "parent".
In other browsers (Firefox, Chrome, Opera and Safari) the width of the div with id = "child" is equals to (orgreater than) two input tags.
Is this a bug?
Try this example code:
<!doctype html>
<html>
<head></head>
<body>
<div id="parent" style="; border:1px solid #F00; display:inline-flex;">
<input type="text">
<div id="child" style="left: 0px; top: 18px; display: flex; ; flex-direction: row; background-color: #CCC; padding:5px;">
<input type="text" placeholder="Start value">
<input type="text" placeholder="End value">
</div>
</div>
</body>
</html>