Mozillaは内容調整可能なスパンのカーソル位置を先頭に送り続けます

Question

Mozillaバージョン53.0.2（32ビット）に問題があります。

テキストを編集するためにスパンをクリックすると、カーソルが最初に移動します。私はプロパティとCSSを変更しようとしました。私は、これは、以前のバージョンのバグだったことも見つかりましたが、それはまだ問題

<td> 

<span 
class="edit_notes" 
style="min-width: 1200px; display: inline-block;display:-moz-inline-box;-moz-user-select: element;" 
draggable="false" 
id="comment469" 
contenteditable=""> 

TEXT TO EDIT 

</span> 

</td> 

#table1 td, tr, thead, tbody, thead, th { 
    padding: 4px; 
    text-align: left; 
} 
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { 
    padding: 8px; 
    line-height: 1.42857143; 
    vertical-align: top; 
    border-top: 1px solid #ddd; 
} 

Answer 1

私もインラインブロックとして、スパンの位置決めとFirefoxで問題がない場合、私は知らない - 私はあなたの問題がある疑いがありますcontenteditableは "true"または "false"のいずれかでなければなりません - ""に設定するとfalseと解釈される可能性があるため、スパンに配置することはできません。

Answer 2

問題を解決しました。

JavaScriptが問題であることが判明しました。 Opera、Chrome、Internet Explorerでもこの置換えで正常に動作しましたが、mozillaは最初にキャレットを送信し続けます。下のコードを新しいものに変更した後、それはうまく動作します。

// OLD

function clear_input(ID) { 
    oldhtml = $("#comment" + ID).html().replace(/ /g, ""); 
    var newhtml = oldhtml.replace(/ /g, ""); 
    $("#comment" + ID).html(newhtml); 
} 

// NEW

function clear_input(ID) { 
    $("#comment" + ID).html().replace(/ /g, ""); 
}