search

joyceworks / flowchart-vue

Flowchart & designer component for Vue.js.
MIT License
345 stars 75 forks source link

Drag canvas out of svg area #11

Closed mauroIstat closed 4 years ago

mauroIstat commented 4 years ago

Canvas (start, end, operation) can be dragged out of the svg area. To Reproduce Steps to reproduce the behavior:

  1. Go to https://joyceworks.github.io/flowchart-vue/
  2. Click on Start
  3. Drag Start out of the svg area
  4. Start is 'lost'

Expected behavior svg area should have boundaries (therefore canvas cannot exit svg area) or svg area should be scrollable flowchart-boundaries

iamppz commented 4 years ago

Pushed codes to prevent nodes out of svg area on the left/top side. Use [Ctrl + Mouse Wheel] to zoom svg area to display the nodes which are out of svg area on the right/bottom side.

mauroIstat commented 4 years ago

Awesome!

Thank you very much :)