svgの右クリックメニュー

Question

JQueryを使用して私のアプリケーションの右クリックメニューを実装しましたが、リストは右にインデントされ、ブロック全体は約20ピクセル以下です。何が原因ですか？ paddingとmarginによって設定されている

padding: 0; 
margin: 0; 

リスト（順不同の両方をして注文した）：JSFiddle

<svg id="canvas" class="canvas" width="1800" height="500"> 
    <rect class="ddd" id="ddd" x="0" y="0" width="300" height="200" fill="#D3DA7B" stroke="black"></rect> 
</svg> 

Answer 1

ちょうどあなたの<ul>に追加します。

私は、右クリックメニューを実装するために、このコードを使用していますデフォルト。だからあなたはそれをクリアする必要があります。

https://jsfiddle.net/29xwpd2o/3/