Skip to content

[Docs][Sticky] Document the destroy() method #5705

@douglasg14b

Description

@douglasg14b

I'm been going after a bug where my flex boxes randomly stop working correctly and I isolated it down to the body having it's inline CSS set to height: 0;. I traced this back to Semantic UI.

This piece of code:

containerSize: function() {
    var
        tagName = $container.get(0).tagName
    ;
    if(tagName === 'HTML' || tagName == 'body') {
        // this can trigger for too many reasons
        //module.error(error.container, tagName, $module);
        module.determineContainer();
    }
    else {
        if( Math.abs($container.outerHeight() - module.cache.context.height) > settings.jitter) {
        module.debug('Context has padding, specifying exact height for container', module.cache.context.height);
        $container.css({
            height: module.cache.context.height
        });
        }
    }
},

Specifically this portion:

        $container.css({
            height: module.cache.context.height
        });

Inside the set function on line 17134 in 2.2.12

I can trigger this by making the browser window very small, but it does not reset itself once the window is larger again. However, this is randomly triggering when the browser window is filling the screen and I do not know why.

Why is this triggering and how do I stop it?

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions