skel-layers & jquery.poptrox not working. about jquery.poptrox

[tonprince]

Hi
Please use the following css in your stylesheet, that should override the box sizing which is applied in skel.min.js:

.poptrox-popup,.poptrox-popup:before,.poptrox-popup:after {
  -moz-box-sizing: initial;
  -webkit-box-sizing: initial;
  box-sizing: initial;
}

[vmcosta]

Thanks, but unfortunately it did not work, it works without skel or layers, but once I add one of those scripts it does not work.

The overlay appears but no images, I've tested with Baseline, no luck.

[ajlkn]

First, here's the fix: add this setting to your Poptrox config:

overlayClass: 'poptrox-overlay skel-layers-fixed'

As for why it fixes it: Layers uses CSS transforms by default, which on some browsers (mostly Webkit-based) breaks things that use position: fixed (which Poptrox uses). The two ways to fix it are to either:

a. Turn off CSS transforms using this in your Layers config:

config: {
    transform: false
}

or...

b. Give all of your position: fixed elements the skel-layers-fixed class. This tells Layers to move said elements to one of its non-transformed wrappers, which apparently fixes the weirdness.

[vmcosta]

BOOM ;) great stuff, thanks so much.

[ajlkn]

Awesome :)