cytoscape / cytoscape.js-qtip

A Cytoscape.js extension that wraps the QTip jQuery library
MIT License
41 stars 35 forks source link

Showing multiple qtips on different nodes is broken #32

Closed mhofer117 closed 6 years ago

mhofer117 commented 7 years ago

After updating to cytoscape 3 and the current cytoscape-qtip i can no longer show multiple qtips at different nodes, all are shown at the same node (the last one called).. the problem was introduced with commit 7dbcff0995a9f3d65eb8d626943d87c6601a60fe before that it was working correctly

maxkfranz commented 6 years ago

I've confirmed that it's working properly. It can be tricky to use qtip, and you have to set all its options appropriately for how you want it to behave. The default hide.event: 'unfocus', for example, will hide the first qtip on clicking for a second one.

The demo works with this:

                cy.elements().qtip({
                    content: function(){ return 'Example qTip on ele ' + this.id() },
                    position: {
                        my: 'top center',
                        at: 'bottom center'
                    },
                    hide: {
                        event: 'donthide'
                    },
                    style: {
                        classes: 'qtip-bootstrap',
                        tip: {
                            width: 16,
                            height: 8
                        }
                    }
                });
screen shot 2017-12-11 at 2 29 59 pm