Position des Kindes nach Leinwand ist der Unterschied zwischen Chrom und Safari

Question

<div> 
<canvas id="myCanvas" width="679" height="679" style="border:1px solid #000000;"> 
</canvas> 
<input type="text"> 
</div> 

Das Eingabefeld befindet sich oben auf der Leinwand, wenn ich Chrom verwende. aber wenn ich Safari benutze, ist das Eingabefeld unterhalb der Leinwand und sieht sehr hässlich aus.

Ich möchte ein Eingabefeld zur Leinwand hinzufügen. Wie kann ich es für Safari reparieren?

Answer 1

einfach wickeln Sie sie mit einem block Element:

https://jsfiddle.net/5e8vj3k4/

<div> 
    <div> 
    <input type="text"> 
</div> 
<div> 
    <canvas id="myCanvas" width="679" height="679" style="border:1px solid #000000;"></canvas> 
</div> 
</div>