Autofocus problem

[johann-s]

Autofocus problem

[lcsqlpete]

I figured out what was happening. It appears that shown.bs-stepper doesn't fire when the stepper is first displayed so my .focus() wasn't happening on the first tab but does work on the other two tabs. I got round the issue by issuing .focus() for the first tab in the shown.bs.modal event.

I'm not an expert on this stuff but is there a case for shown.bs-stepper being fired when a stepper is initialized?

[Johann-S]

Hi @lcsqlpete,

bs-stepper trigger the shown event on init too, see this CodePen: https://codepen.io/Johann-S/pen/PMzRbw

[lcsqlpete]

Thanks, I see the CodePen works. However, my code doesn't. Here it is:

element.addEventListener('shown.bs-stepper', function (event) {
        console.log("index=" + event.detail.indexStep)
        switch (event.detail.indexStep) {
            case 0:
                handleStep_1()
                break
            case 1:
                handleStep_2()
                break
            case 2:
                handleStep_3()
                break
        }
    })

When I open the page containing the stepper, I don't see anything in the console log; when I go to my second tab, I see "index=1" in the console.log.

Any ideas?

[Johann-S]

Maybe you added your listener after the creation of your stepper, you have to add your listener before creating your stepper

[lcsqlpete]

Thanks, that fixed it. *Sent with Shift <https://tryshift.com/?utm_source=SentWithShift&utm_campaign=Sent%20with%20Shift%20Signature&utm_medium=Email%20Signature&utm_content=General%20Email%20Group>*

…

On Sat, Jul 27, 2019 at 2:48 PM Johann-S ***@***.***> wrote: Maybe you added your listener after the creation of your stepper, you have to add your listener before creating your stepper — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#61?email_source=notifications&email_token=ACA2CFGOX6JFF5KE7MHSG3TQBS7BFA5CNFSM4IGS4LB2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD26TF6I#issuecomment-515715833>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACA2CFCKOFDPSDWEWNKNS23QBS7BFANCNFSM4IGS4LBQ> .

[Johann-S]

You're welcome 👍