advanceOn blur?

[jjwilliams]

Is this not supported? Simple step:

tour.addStep('title', {
                text: 'Enter the title',
                title: 'Title',
                attachTo: '#Title top',
                advanceOn: {
                    selector: '#Title',
                    event: 'blur'
                },
                buttons: [
                    {
                        text: 'Prev',
                        action: tour.back
                    },
                    {
                        text: 'Next',
                        action: tour.next
                    },

                    {
                        text: 'End',
                        action: tour.cancel
                    }
                ]
            });

If I use click it works fine, but not blur. Any ideas why? Is this not supported?

[jjwilliams]

Anyone?

[geoffdaigle]

Hi @jjwilliams, really sorry for the massive delay in response. I'm combing through these issues now that I have publish access.

Looks like that would work https://github.com/HubSpot/shepherd/blob/master/src/js/shepherd.js#L212-L217 because the event is being bound to document.body (which assumes event bubbling) using addEventListener.

Are you able to get it working in any other contexts or a blank project? Is #Title a form element that can be blurred?

[mattdh666]

It works for me (in modern browsers), if I set the useCapture parameter to true in the call to addEventListener().

document.body.addEventListener(event, handler, true);

https://github.com/HubSpot/shepherd/blob/master/src/js/shepherd.js#L213

[RobbieTheWagner]

Does anyone know of a fix for this?

[chuckcarpenter]

validated and PR: #233