Мобильное сафари обрезало текст в форме ввода?

Question

Это код для поля ввода:

.inputTEAM {
        width: 100%;
        min-width: 50%;
        border-style: none;
        color: black;
        float: left;
        text-align: left !important;
        padding: 0 10px;
    }

<tr>
    <td>DAY , TIME</td>
    <td>
        <table style='margin: 0px 0px !important;'>
            <tbody>
                <tr style='border-style: none;'>
                    <td style='width: 50%; text-align: right; border-style: none;'>
                        TEAM TEAM_FLAG<br>
                        TEAM TEAM_FLAG
                    </td>
                    <td style='width: 50%; border-style: none;'>
                        <input class='inputTEAM' type='number' value='' name='' min='0' max='99' onchange='changeTipp()' $readonly><br>
                        <input class='inputTEAM' type='number' value='' name='' min='0' max='99' onchange='changeTipp()' $readonly>
                    </td>
                    
                </tr>
            </tbody>
        </table>
    </td>
</tr>

iOS SAFARI - портретный снимок iOS SAFARI - альбомный снимок

Я уже пробовал эти ответы:

• Почему мобильный Safari обрезает текст в форме ввода?
• Текст вырезается iphone
• IOS устройства проблемы с вводом формы HTML (type = text)