Broken link icon when percent dimentions in non visible placeholders

[imsky]

Broken link icon when percent dimentions in non visible placeholders

[imsky]

The reason an error is thrown on invisible elements is exactly because there is an inconsistency across browsers when getting the client dimensions for an element. The logic to get reasonable dimensions quickly becomes complicated (if the parent element is also invisible, for example). I'll look into this again, though it may require a more explicit workaround than just falling back to the parent element.

[siamcomm]

I am also having a similar issue. It seems to happen on the BootStrap 3.0+ carousel, but only for slides that are not yet visible (set with the class of "active").

In Chrome, the size (hxw) seems to be maintained, but in FF, the size for the slides not yet visible is not honored at all.

Any suggestions or progress on a potential fix?

[imsky]

This likely won't have a permanent fix, due to the previously mentioned problems. The logic just gets too complicated when considering all possible cases. However, since an error callback has been introduced, there is a workaround that will continuously attempt to render all invisible placeholders. You'll have to override the error callback in the following way:

Holder.invisible_error_fn = function(fn){
    return function(el){
        setTimeout(function(){
            fn.call(this, el)
        }, 10)
    }
}

This workaround does not provide optimal performance, so it should only be used in special cases. You can also use the callback to create a solution that works in your case.