Skip to content

Animation with Select Menus, overflow Hidden and responsive height #171

@patrickGGW

Description

@patrickGGW

Hello, can u please maybe update the code and add something (or make it better idk)

on smartwizard6.js

        }, {
            key: "_loadContent",
            value: function(s, n) {
                const tabContent = document.querySelector(".tab-content");
                tabContent.classList.add("overflow-hidden");
                const timeoutDuration = 1500;
                setTimeout(() => {
                tabContent.classList.remove("overflow-hidden"); 
                var e, i, o, a;
                t.isFunction(this.options.getContent) && (e = this._getStepPage(s)) ? (i = this._getStepDirection(s), o = this._getStepPosition(s), a = this._getStepAnchor(s), this.options.getContent(s, i, o, a, function(t) {
                    t && e.html(t), n()
                })) : n()
            }
        }, {

This fixes the bug that if "autoAdjustHeight" is in, that if the next step is too big it is not out of shape. Since overflow hidden is removed after the animation, the select menus also work because they necessarily go over the shape more often.

Thank you very much. I hope u know what i mean, i needed 1 hour to fix the problem because i searched a "smartwizard" solution.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions