アクティブなテキストボックスにポップアップをバインドする位置

Question

私は、ツールチップに似た、selected_element（ポップアップトリガ時にアクティブ）に対する相対的な値の設定方法を理解しようとしています。私はjQueryで$（）。position（）を使用しようとしましたが、これはCSSで設定したデフォルトの0,0をオーバーライドしません。

JSFiddleは次のとおりです。https://jsfiddle.net/sethkillian2/cd6agg73/3/ a、c、e、i、o、またはuを押しながらメニューをトリガーします。

また、ここでの私の試みの一環だ：絶対以外にも何にも位置属性を変更する

$(popup).position({ 
    of: $(activeElement), 
    my: 'left top', 
    at: 'left top', 
    offset: '0 0' 
}); 
$('body').append(popup); 

は、文字のメニューが広がるので、どちらか動作するようには思えません。また、$（ "＃charMap"）。position（...）を使用してIDを追加した直後に、要素を取得しようとしました。

更新：それは価値があるため、私もtextarea-caret-positionコンポーネント（https://github.com/component/textarea-caret-position）を使ってみましたが、それは正確ではないようです。

Answer 1

margin-topとmargin-leftのプロパティは、CSSで#taに設定されています。あなたが得るために.css()を使用してpopup

$(popup).css($(activeElement).css(["marginTop", "marginLeft"])); 

jsfiddle https://jsfiddle.net/cd6agg73/9/