HTML5 Scrolling Panels Have Unexpected Blank Spaces in Internet Explorer and Microsoft Edge

Aug 17, 2018

Scrolling panel have unexpected black space in my storyline 3 output. I had check about this on forum, but there was no any helpful option for this. So please suggest and give another option, because our client is using only IE browser. For that I modified main.min.css file in below class

.slide-object svg{

position:relative;
display:block;
overflow:hidden;
pointer-events:none

}

And I resolved scrolling issue, but my customized buttons getting smaller cuts from bottom side.

Please suggest any idea or trick for that.

Thank You!

 

  

 

3 Replies
Alyssa Gomez

Hello Mayur,

We've seen the same thing, so you're not alone! Internet Explorer has a known issue displaying scrolling panels in HTML5 output. The browser often adds extra padding to the bottom of scrolling panels so there can be a significant amount of blank space after your content.

Until Microsoft fixes the problem, you can avoid it by viewing the Flash version of your content. I see you're also exploring ways you can modify the CSS, but I'll leave that for the community!

This discussion is closed. You can start a new discussion or contact Articulate Support.