firefox width bug

the wrapper div should have the visible width as the image inside but it gets its intrinsic size

HTML

<div id="content">
  <div class="wrapper">
    <div class="imageHolder">
      <img src='http://placehold.it/500x1000'>
    </div>
  </div>
</div>

CSS

#content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.wrapper {
  width: auto;
  height: 100%;
  display: flex;
  /*flex-wrap:nowrap;*/
  min-width: 0;
  background-color: blue;
}

.imageHolder {
  height: 100%;
  width: auto;
  background-color: green;
  /*overflow-y:auto;*/
  min-width: 0;
}

.imageHolder img {
  height: 100%;
  width: auto;
  min-width: 0;
  background-color: red;
}


/* same issue with inline block */


/*
.wrapper {
    display:block;
    white-space: nowrap;
}
.imageHolder {
    display: inline-block;
}
*/