Gliffy Swimlanes Disappear on Resize - Bug Replicated

[SiDawg]

I was in a discussion the other day about Gliffy swimlane issues, and I set myself a challenge this morning to replicate the issue in the simplest way I could. The steps below are just one example of how to replicate the issue: the issue has occurred in a lot of various scenarios but this is the simplest way I could replicate.

Steps to Replicate

1. Place a rectangle from "flowchart" shapes
2. Place a two lane swimlane so that the middle lane seperator is aligned with the bottom of the shape (you'll see a green alignment guide appear) and so the rectangle is inside the top swimlane (roughly in the middle)
3. At this stage: Ive attached "Before glitch" gliffy export below [ill add this as a comment]
4. Drag the right hand edge of the swimlane to the right (keep holding button)
5. You'll notice that when at a large enough distance, the swimlane just disapears: if you release at that point, it's completely gone from the gliffy
6. At this stage: I've attached "After glitch" gliffy export below [ill add this as a comment]

Expected behaviour: Swimlanes shouldn't disappear while (or after) resizing

Other Issues:

• the top left corner of a swimlane should not "jump around" by a few pixels when resizing: only the anchor you're resizing should change).
• Other things i noticed: while resizing, the Width and Height parameters shown seemed to be reversed?? Dragging to the right changed the "height" parameter only... but this may be expected behaviour (maybe the page is orientated differently)

Thoughts:

I've never noticed it being related to alignment before: but perhaps that's the key to the issue for all i know? I normally deal with diagrames with 20 to 50 elements in the diagram (mostly flow charts) so perhaps the swimlanes are getting aligned with one of those elements and that's causing the issue but I never noticed? Unsure. I know I am constantly placing four or more lane swimlanes down over an existing diagram, and then doing a lot of resizing and moving of elements to get things in the lanes... and then i make one arbitrary change to the size of the swimlane and it will disapear. Usually i can "undo" to get it back, but it just does it again next time I try to resize... Sometimes it seems to just disapear never to return. Have not replicated that scenario above. Found it very interesting (from doing a few exports) that the swimlane actually completely disappears from the gliffy: it's not just "hiding"... it's not just off the page, or 0 height or 0 width or anything it gets completely removed as an object, as shown in exports below.

Image showing the "drop point" alignment for the swimlane (thin green line under shape)

[SiDawg]

After glitch

{"contentType":"application/gliffy+json","version":"2.0","title":"untitled","revision":0,"defaultPage":"K0Z3yRSuuH","lastSerialized":1735861871024,"libraries":["com.gliffy.libraries.basic.basic_v1.default","com.gliffy.libraries.flowchart.flowchart_v1.default","com.gliffy.libraries.swimlanes.swimlanes_v1.default","com.gliffy.libraries.uml.uml_v2.class","com.gliffy.libraries.uml.uml_v2.sequence","com.gliffy.libraries.uml.uml_v2.activity","com.gliffy.libraries.erd.erd_v1.default","com.gliffy.libraries.ui.ui_v3.containers_content","com.gliffy.libraries.ui.ui_v3.forms_controls","glib.bpmn_v2.gateways","glib.bpmn_v2.events","com.gliffy.libraries.images"],"editorSettings":{"exportBorder":false,"loadPosition":"default","autosaveDisabled":false},"printModel":{"pageSize":"a4","portrait":true,"fitToOnePage":false,"displayPageBreaks":false},"resources":[],"pages":[{"type":"default","id":"K0Z3yRSuuH","title":"Page 1","index":0,"external":false,"scene":{"objects":[{"x":370,"y":290,"rotation":0,"id":"3bf72fd8-38d7-4e9a-8086-445b26196b32","uid":"com.gliffy.shape.flowchart.flowchart_v1.default.process","width":100,"height":75,"lockAspectRatio":false,"lockShape":false,"order":0,"hidden":false,"graphic":{"type":"Shape","Shape":{"tid":"com.gliffy.stencil.rectangle.basic_v1","strokeWidth":2,"strokeColor":"#333333","fillColor":"#FFFFFF","gradient":false,"dropShadow":false,"state":0,"shadowX":0,"shadowY":0,"opacity":1}},"children":null,"layerId":"awcrsaUJqCgK","linkMap":[]}],"imageCache":{},"background":"#FFFFFF","width":470,"height":365,"maxWidth":5000,"maxHeight":5000,"nodeIndex":8,"autoFit":true,"exportBorder":false,"gridOn":true,"snapToGrid":true,"drawingGuidesOn":true,"diagramEditable":true,"shapeStyles":{},"lineStyles":{},"textStyles":{},"themeData":null,"viewportType":"default","layers":[{"guid":"awcrsaUJqCgK","order":0,"name":"Layer 0","active":true,"locked":false,"visible":true,"nodeIndex":1}],"fitBB":{"min":{"x":370,"y":290},"max":{"x":470,"y":365}}}}]}

[SiDawg]

Before Glitch (export of state shown in image above)

{"contentType":"application/gliffy+json","version":"2.0","title":"untitled","revision":0,"defaultPage":"K0Z3yRSuuH","lastSerialized":1735861848053,"libraries":["com.gliffy.libraries.basic.basic_v1.default","com.gliffy.libraries.flowchart.flowchart_v1.default","com.gliffy.libraries.swimlanes.swimlanes_v1.default","com.gliffy.libraries.uml.uml_v2.class","com.gliffy.libraries.uml.uml_v2.sequence","com.gliffy.libraries.uml.uml_v2.activity","com.gliffy.libraries.erd.erd_v1.default","com.gliffy.libraries.ui.ui_v3.containers_content","com.gliffy.libraries.ui.ui_v3.forms_controls","glib.bpmn_v2.gateways","glib.bpmn_v2.events","com.gliffy.libraries.images"],"editorSettings":{"exportBorder":false,"loadPosition":"default","autosaveDisabled":false},"printModel":{"pageSize":"a4","portrait":true,"fitToOnePage":false,"displayPageBreaks":false},"resources":[],"pages":[{"type":"default","id":"K0Z3yRSuuH","title":"Page 1","index":0,"external":false,"scene":{"objects":[{"x":370,"y":290,"rotation":0,"id":"3bf72fd8-38d7-4e9a-8086-445b26196b32","uid":"com.gliffy.shape.flowchart.flowchart_v1.default.process","width":100,"height":75,"lockAspectRatio":false,"lockShape":false,"order":0,"hidden":false,"graphic":{"type":"Shape","Shape":{"tid":"com.gliffy.stencil.rectangle.basic_v1","strokeWidth":2,"strokeColor":"#333333","fillColor":"#FFFFFF","gradient":false,"dropShadow":false,"state":0,"shadowX":0,"shadowY":0,"opacity":1}},"children":null,"layerId":"awcrsaUJqCgK","linkMap":[]},{"x":270,"y":65,"rotation":-90,"id":"c95baf11-04af-4fc1-9903-d2a4ea749123","uid":"com.gliffy.shape.swimlanes.swimlanes_v1.default.horizontal_double_lane_pool","width":420,"height":600,"lockAspectRatio":false,"lockShape":false,"order":1,"hidden":false,"graphic":null,"children":[{"x":0,"y":0,"rotation":0,"id":"fd5ec790-0123-47ba-b0d1-0ccd55954919","uid":null,"width":420,"height":26.5,"lockAspectRatio":false,"lockShape":false,"order":2,"hidden":false,"graphic":{"type":"Shape","Shape":{"tid":"com.gliffy.stencil.rectangle.basic_v1","strokeWidth":2,"strokeColor":"#333333","fillColor":"#ffffff","gradient":false,"dropShadow":false,"state":0,"shadowX":4,"shadowY":4,"opacity":1}},"children":[{"x":0,"y":0,"rotation":0,"id":"53f1f5f4-140c-4576-a071-d1364b1b006c","uid":null,"width":420,"height":26.5,"lockAspectRatio":false,"lockShape":false,"order":3,"hidden":false,"graphic":{"type":"Text","Text":{"tid":null,"valign":"top","overflow":"none","vposition":"none","hposition":"none","html":"<p style=\"text-align: center;\"><span class=\"gliffy-placeholder-text\" style=\"font-family: Arial; font-size: 18px; line-height: 20.5px; color: rgb(0, 0, 0);\">double-click to edit</span></p>","paddingLeft":2,"paddingRight":2,"paddingBottom":3,"paddingTop":3,"outerPaddingLeft":6,"outerPaddingRight":6,"outerPaddingBottom":2,"outerPaddingTop":6,"editable":{"isEditable":true}}},"children":null,"layerId":"awcrsaUJqCgK"}],"layerId":"awcrsaUJqCgK","constraints":{"constraints":[{"type":"HeightConstraint","HeightConstraint":{"isMin":false,"heightInfo":[{"magnitude":1,"id":"53f1f5f4-140c-4576-a071-d1364b1b006c"}],"growParent":false,"padding":0}}]}},{"x":0,"y":26.5,"rotation":0,"id":"6127061e-e1f7-48e6-988e-74247bb054b7","uid":null,"width":210,"height":573.5,"lockAspectRatio":false,"lockShape":false,"order":4,"hidden":false,"graphic":{"type":"Shape","Shape":{"tid":"com.gliffy.stencil.rectangle.basic_v1","strokeWidth":2,"strokeColor":"#000000","fillColor":"none","gradient":false,"dropShadow":false,"state":0,"shadowX":4,"shadowY":4,"opacity":1}},"children":[{"x":0,"y":0,"rotation":0,"id":"453e6e8e-8442-4e35-b2e2-bc07fd9a11b4","uid":null,"width":210,"height":26.5,"lockAspectRatio":false,"lockShape":false,"order":5,"hidden":false,"graphic":{"type":"Text","Text":{"tid":null,"valign":"top","overflow":"none","vposition":"none","hposition":"none","html":"<p style=\"text-align: center;\"><span class=\"gliffy-placeholder-text\" style=\"font-family: Arial; font-size: 18px; line-height: 20.5px; color: rgb(0, 0, 0);\">double-click to edit</span></p>","paddingLeft":2,"paddingRight":2,"paddingBottom":3,"paddingTop":3,"outerPaddingLeft":6,"outerPaddingRight":6,"outerPaddingBottom":2,"outerPaddingTop":6,"editable":{"isEditable":true}}},"children":null,"layerId":"awcrsaUJqCgK"}],"layerId":"awcrsaUJqCgK","constraints":{"constraints":[{"type":"HeightConstraint","HeightConstraint":{"isMin":false,"heightInfo":[{"magnitude":-1,"id":"fd5ec790-0123-47ba-b0d1-0ccd55954919"},{"magnitude":1,"id":"c95baf11-04af-4fc1-9903-d2a4ea749123"}],"growParent":false,"padding":0}},{"type":"PositionConstraint","PositionConstraint":{"nodeId":"fd5ec790-0123-47ba-b0d1-0ccd55954919","px":0,"py":1}}]}},{"x":210,"y":26.5,"rotation":0,"id":"3ca17a74-84e3-4d39-8c81-550a38202ffd","uid":null,"width":210,"height":573.5,"lockAspectRatio":false,"lockShape":false,"order":6,"hidden":false,"graphic":{"type":"Shape","Shape":{"tid":"com.gliffy.stencil.rectangle.basic_v1","strokeWidth":2,"strokeColor":"#000000","fillColor":"none","gradient":false,"dropShadow":false,"state":0,"shadowX":4,"shadowY":4,"opacity":1}},"children":[{"x":0,"y":0,"rotation":0,"id":"3c434971-5d0d-492b-8e06-5bdfffb33851","uid":null,"width":210,"height":26.5,"lockAspectRatio":false,"lockShape":false,"order":7,"hidden":false,"graphic":{"type":"Text","Text":{"tid":null,"valign":"top","overflow":"none","vposition":"none","hposition":"none","html":"<p style=\"text-align: center;\"><span class=\"gliffy-placeholder-text\" style=\"font-family: Arial; font-size: 18px; line-height: 20.5px; color: rgb(0, 0, 0);\">double-click to edit</span></p>","paddingLeft":2,"paddingRight":2,"paddingBottom":3,"paddingTop":3,"outerPaddingLeft":6,"outerPaddingRight":6,"outerPaddingBottom":2,"outerPaddingTop":6,"editable":{"isEditable":true}}},"children":null,"layerId":"awcrsaUJqCgK"}],"layerId":"awcrsaUJqCgK","constraints":{"constraints":[{"type":"HeightConstraint","HeightConstraint":{"isMin":false,"heightInfo":[{"magnitude":-1,"id":"fd5ec790-0123-47ba-b0d1-0ccd55954919"},{"magnitude":1,"id":"c95baf11-04af-4fc1-9903-d2a4ea749123"}],"growParent":false,"padding":0}},{"type":"PositionConstraint","PositionConstraint":{"nodeId":"fd5ec790-0123-47ba-b0d1-0ccd55954919","px":0.5,"py":1}}]}}],"layerId":"awcrsaUJqCgK","constraints":{"constraints":[{"type":"HeightConstraint","HeightConstraint":{"isMin":true,"heightInfo":[{"magnitude":1,"id":"fd5ec790-0123-47ba-b0d1-0ccd55954919"}],"growParent":false,"padding":0}}]},"linkMap":[]}],"imageCache":{},"background":"#FFFFFF","width":780,"height":575,"maxWidth":5000,"maxHeight":5000,"nodeIndex":8,"autoFit":true,"exportBorder":false,"gridOn":true,"snapToGrid":true,"drawingGuidesOn":true,"diagramEditable":true,"shapeStyles":{},"lineStyles":{},"textStyles":{},"themeData":null,"viewportType":"default","layers":[{"guid":"awcrsaUJqCgK","order":0,"name":"Layer 0","active":true,"locked":false,"visible":true,"nodeIndex":8}],"fitBB":{"min":{"x":180,"y":153},"max":{"x":780,"y":575}}}}]}