Error popover on the same element

[amoffat]

Error popover on the same element

[pdbreen]

Using the code as of 01/21/14, I added the following to the very start of the WizardCard.validate function to better support multiple/different types of validation on the same element or multiple errors during card validation:

            /* 
             * Get rid of any current errors
             */
            self.wizard.hidePopovers();

[pouki06]

Hey, thanks for the workaround which not working for me... I found another workaround if someone else searching a "temporary" solution.

     errorPopover: function(el, msg) {
        this.log("launching popover on", el);
        //resets popover data if a popover has been already instantiated for the element
        if(el.data('popover') != undefined) {
            el.data('popover', null);
        }
        if (el.next().hasClass("error-popover")) {
            el.next().remove();
        }

        var popover = el.popover({
            content: msg,
            trigger: "manual"
        }).popover("show").next(".popover");

        popover.addClass("error-popover");
        return popover;
    },

[gjrtimmer]

@rbrondi, @pouki06 Could you send some testing code for reproduction of this issue ?

[yash-dholakia]

Yes,

wizard.hidePopovers();

Works perfectly.

Thanks @pdbreen !!

[pawel1392]

Both solutions doesn't work properly in my case, so I found out another option :
There is enought to add only one line in bootstrap-wizard.js

setCard: function(i) {
            this.log("setting card to " + i);
            this.hideSubmitCards();
            var currentCard = this.getActiveCard();

            if (this._submitting) {
                this.log("we're submitting the wizard already, can't change cards");
                return currentCard;
            }

            var newCard = this._cards[i];
            if (newCard) {
                if (newCard.isDisabled()) {
                    this.log("new card is currently disabled, returning");
                    return currentCard;
                }

                if (currentCard) {
		this.hidePopovers();  // <---- This line hide every errorPopups before validation
                    /*
                     * here, we're only validating if we're going forward,
                     * not if we're going backwards in a step
                     */
                    if (i > currentCard.index) {
                        var cardToValidate = currentCard;
                        var ok = false;