В IE 11 не отображается набранный текст

Question

Рабочий клиент сообщил о проблеме в нашем приложении при работе с IE11.

На определенной форме, иногда при ее открытии, если вы печатаете, напечатанный текст не будет отображаться. Если я открываю инструменты разработчика, это внезапно показывает.

Это визуализированный HTML, принадлежащий этой форме:

<div class="col-sm-6 ">
<div class="form-group" data-ng-show="myform.txtPropietario.visible">
<label class="col-md-4 control-label my-show-hide-animation">Propietario:</label>
<div class="col-md-8"> 
<div class=" ">
<input name="txtPropietario" class="form-control text-left ng-pristine ng-valid" input-alpha-numeric="ES" onblur="this.value=this.value.toUpperCase();" data-ng-model="myform.values.txtPropietario" data-ng-disabled="myform.txtPropietario.disabled" type="text" step="0.01" maxlength="50" placeholder="  "></div> 
<ul class="errores my-show-hide-animation ng-hide" data-ng-show="myform.seccionPanelPagoServiciosname.txtPropietario.$invalid &amp;&amp; myform.procesado"><li data-ng-show="myform.seccionPanelPagoServiciosname.txtPropietario.$error.required" class="ng-hide"><span>Campo obligatorio</span></li><li data-ng-show="myform.seccionPanelPagoServiciosname.txtPropietario.$error.pattern" class="ng-hide"><span>El formato del dato ingresado no es válido.</span></li>
</ul>
</div>
</div>
</div>

Приложение работает над AngularJs, а HTML построен на Bootstrap 3. Есть идеи, почему это происходит?

Answer 1

Трудно сказать, не видя CSS, однако я столкнулся с этой проблемой некоторое время назад и исправил ее, установив высоту поля ввода.

Моя теория состоит в том, что IE не думал, что было достаточно высоты, чтобы показать текст в размере шрифта, который я указал.

Например

<input type="text" id="example" style="height: 40px" /> 

Надеюсь, это поможет.