grid-auto-columns: minmax(auto) bug

by emmaJsFiddle

HTML

grid-auto-columns: minmax(50px, max-content);

    <div class="container">
        <div>11111111111</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
    </div>

    <br>
    <hr>
    <br>

    grid-auto-columns: minmax(50px, auto);

    <div class="container">
        <div>11111111111</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
    </div>

CSS

html { font-family: Arial, sans-serif; }

        body { margin: 10px; }

        .container > div {
            border-radius: 5px;
            padding: 1px;
            background-color: cyan;
            border: 1px solid #000;
        }

        .container {
            display: grid;
            grid-auto-columns: minmax(50px, max-content);
            gap: 5px;
            border: 1px solid red;
            width: 250px;
        }

        .container:nth-of-type(2) {
            grid-auto-columns: minmax(50px, auto);

        }