Scotch panels do not work when the containerSelector is not 'body' about scotch-panels HOT 6 CLOSED

scotch-io commented on June 20, 2024

Scotch panels do not work when the containerSelector is not 'body'

from scotch-panels.

Comments (6)

whatnickcodes commented on June 20, 2024

Can you post a codepen?

from scotch-panels.

atteeela commented on June 20, 2024

http://codepen.io/anon/pen/MYGEdZ
Notice 'super-parent' as the container.

from scotch-panels.

atteeela commented on June 20, 2024

In my own code, I was able to get it to toggle, but I had to modify the code to set a height:100% to have the panel contents show up (otherwise height was 0)

       // DOM / CSS Changes / Make Things Happen
       var setup = function() {

        // Wrap the panel!
        var container = $(panel.settings.containerSelector);
        if (!container.hasClass('scotchified')) {
            container.wrapInner('<div class="scotch-panel-wrapper"><div class="scotch-panel-canvas"></div></div>').addClass('scotchified');
        }

        // Scotch Panel Wrapper CSS
        $('.scotch-panel-wrapper').css({
            'position': 'relative',
            'overflow': 'hidden',
            'width': '100%',
            'height': '100%' // Added by Atteeela to get it to show, otherwise height was 0
        });

from scotch-panels.

whatnickcodes commented on June 20, 2024

Right, I saw the height was 0 too... Weird. Let me look into tonight and I'll get back to you.

from scotch-panels.

atteeela commented on June 20, 2024

Thanks.

from scotch-panels.

whatnickcodes commented on June 20, 2024

Super parent only wraps header. You need to wrap the entire contents:

Aka start at after and end before .

Right now, super parent only wraps the panel - which is weird...

from scotch-panels.