`responsive` doesn't work if a parent has padding and `min-width: min-content`

steps to reproduce:

1. open this fiddle https://jsfiddle.net/rhdq9ynu/5/
2. use ctrl+mousewheel to zoom out to 30%
3. use ctrl+mousewheel to zoom back in to 100%
4. notice that the plot now overflows its parent and the home icon in the top is no longer visible.

before

after

The key is this CSS:

#app {
  padding: 0px 100px;

  & > * {
    min-width: min-content;
  }
}

If you remove either the padding or the min-width everything works fine.

Both min-content and fit-content are buggy.

Commencez par le JSFiddle lié et reproduisez la séquence de zoom avec le padding et le CSS min-width indiqués. Aucun fichier du dépôt ni aucun test n’est nommé ; le travail est terminé lorsque le graphique reste dans son élément parent et que l’icône d’accueil reste visible après un retour du zoom à 100 %, y compris avec min-content et fit-content.