No height because of #swipeview-masterpage position absolute

[tominhuang]

I've seen that wrapper are 100% height and width.

SwipeView/src/swipeview.js

Line 82 in 65c560f

div.style.cssText = 'position:relative;top:0;height:100%;width:100%;' + cssVendor + 'transition-duration:0;' + cssVendor + 'transform:translateZ(0);' + cssVendor + 'transition-timing-function:ease-out';

The wrapper's content, i.e., masterpages, are absolute.

SwipeView/src/swipeview.js

Line 91 in 65c560f

div.style.cssText = cssVendor + 'transform:translateZ(0);position:absolute;top:0;height:100%;width:100%;left:' + i*100 + '%';

In my use case, I put some images set with width and height (like 100px) within #masterpages, and the wrapper's height is not stretched (0px maybe) in HTML,
All the content I put are not visible. I need to specify the wrapper height manually. That's inconvenient.

A quick fix for this may be:

                div.style.cssText = cssVendor + 'transform:translateZ(0);position:absolute;top:0;height:100%;width:100%;left:' + i*100 + '%';
+ //overwrite absolute
+ if (i == -1) {
+               div.style.cssText = div.style.cssText + ';position:relative;'
+ }
                if (!div.dataset) div.dataset = {};

add below line 82