Flexslider with smooth height initially loads with height: 0px;

The patch applies properly and it solves the problem for me.
Tests also fail without the patch applied. So there must be something wrong with the tests. This is probably related to #1935156: Update tests to match changes in 2.x.

After applying the patch the slide area flickers on page load.

+1
I have this problem too with alpha 1. On load (only sometimes), it doesen't fit the height of the image. When I skip to next image it adapts to actual height.
It happens too slideshows in full nodes and in views blocks too (both have smooth height active).
I'm sorry I can't provide more help. I'm not familiar with patches yet.

I don't want to bind on window load since instances where images may be refreshed via Ajax (I.e. View with exposed filters and Ajax refresh) would break.

Is there a behavior in drupal we can listen on which is similar to window.load?

1: smooth-height-0px.patch queued for re-testing.

Perhaps something from here can help us

http://stackoverflow.com/questions/16335050/flexslider-2-how-to-load-wit...

Its a bug in the JS code which may have been fixed in the dev branch - see here:

https://github.com/woothemes/FlexSlider/issues/436

However i've just pulled and tested it and can;t see any difference from 2.2.2

smooth-height-0px.patch queued for re-testing.

For anyone with this issue, for now you can apply this jQuery fix:

$(window).load(function() {
  $('.flex-viewport').each(function() {
    var first_image_height = $(this).find('ul.slides li:first-child img').css('height');
    $(this).css('height', first_image_height);
  })
});

Re-patching

smooth-height-0px.patch queued for re-testing.

15: 0001-Issue-2086525-by-alvar0hurtad0-Johnny-vd-Laar-Flexsl.patch queued for re-testing.

Ok, Mr QA can you review the patch, please?

I just want to report that I applied the patch given in #1 and it appears to have solved a problem with the first slide only partially loading. Additionally, it also cleared up a problem with the slideshow causing the browser to freeze when viewed on my iPhone.

#21 is working for me. Thanks!

#21 is working for me too.

I am not sure if .bind is ajax safe. With jQuery >1.7 we could use .on as stated here: http://stackoverflow.com/a/20246940 which should work with ajax. Maybe .ajaxSuccess is a solution for content loaded through an ajax request.
I am not using ajax in my sliders so I didn't test this.

Works for me also.

For what it's worth, this issue still exists in 7.x-2.0-rc1 and its associated -dev. using library version 2.5.0. Patch in #21 no longer applies and probably requires a re-roll. JS snippet in #14 does work if .flex-viewport is replaced with .flexslider. Obviously, the AJAX compatibility issue is still unresolved.

I am still having this problem. Anyone has a solution. #21 fails and i am not sure how to apply #14?!

Same with 8.x-2.0-beta1.