web-dev-qa-db-ja.com

IE 11入力で入力されたテキストが表示されない

ある作品のクライアントが、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.を介して構築されます。なぜこれが発生するのか考えてみてください。

internet-explorer-11bootstrap-4
10
Pablo

CSSを見ないとわかりにくいですが、しばらく前にこの問題が発生し、入力ボックスの高さを設定して修正しました。

私の理論では、IEは、指定したフォントサイズでテキストを表示するのに十分な高さがないと考えていました。

例えば

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

これがお役に立てば幸いです。

13
TidyDev