woocommerce / FlexSlider

An awesome, fully responsive jQuery slider plugin
http://www.woocommerce.com/flexslider/
GNU General Public License v2.0
4.91k stars 1.69k forks source link

Flex slider doesn't work good on window.resize and orientation change. #1640

Closed AnupamKhosla closed 6 years ago

AnupamKhosla commented 7 years ago
  1. Open http://flexslider.woothemes.com/dynamic-carousel-min-max.html on android or iphone. Either landscape or potrait.
  2. Scroll down to carousel so that carousel-images are completely visible.
  3. change orientation of device one or multiple times.
  4. You'd see number of slides in carousel don't change smoothly. Bug!!
  5. On scrolling after orientation change the number of slides become corrected as it triggers window.resize.
  6. Open a new empty tab in desktop browser and resize browser window smoothly to around 700px.
  7. Now click maximize window button on top right of browser. Now you can reclick that to minimize back to 700px.
  8. Open http://flexslider.woothemes.com/dynamic-carousel-min-max.html and toggle between maximize and minimize window size. You'd see number of slides don't change. Although resizing smoothly the browser window would fix that, but it still is a sort of bug.
AnupamKhosla commented 7 years ago

I have been using flex slider in a lot of my sites and the workaround I found was to force slider.resize after a delay after window.resize. But this should have been inbuilt in the plugin.

jeffikus commented 6 years ago

Hi there, I released 2.7.0 last week, please let me know if the issue persists after updating.

tjnapster555 commented 6 years ago

@jeffikus when i resize the windows flexslider not working i am using the latest version 2.7.0