Ext version tested:


  • Ext 6.2.0 rev 981 Modern Neptune




Browser versions tested against:


  • Chrome Version 54.0.2840.71 m
  • IE 11.0.9600.18500
  • Firefox 49.0.2
  • IOS 10 Safari (latest)
  • IOS 10 Chrome (latest)




DOCTYPE tested against:


  • HTML




Description:


  • I have a container with two titlebars (one docked top and the other docked bottom). The container has a carousel that fills of the remaining center area. I want to have the cards in the carousel to be able to scroll vertically. My problem is that the behavior of the page is inconsistent across browsers. It works as expected on Chrome (Windows) and Firefox. IE 11 goes into a CPU busy loop when the page is activated. Hoverever, using fiddle on IE -- no busy loop, you can vertically scroll, but the next/prev button do not work. On Safari (IOS) the ability to vertically scroll does not work. On Chrome (IOS) the bottom titlebar is not visible and the card does not vertically scroll.




Steps to reproduce the problem:


[LIST][*]Load the page on each browser and manually resize the browser down (width and height) so all the content does not fit. https://fiddle.sencha.com/#fiddle/1jlm


The result that was expected:


  • Ability to vertically scroll the carousel's card on all browsers and to be able to use the next/prev button on all browsers.




The result that occurs instead:


  • (See above)