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/