[jstollvt]

We have some users still on IE 10, and a problem has been identified on our home page, associated with the Slider feature. When a user is on IE10, when they visit the home page, the left/right slider navigation buttons that normally appear on the lower-right corner of the slider area, are pushed down the page, and there is a large white blank area immediately below the slider, where there is normally body text. (The body Text is pushed down the page, below this blank area.) In most cases, when the slider auto-rotates to the next image, the problem is resolved – the left/right slider navigation buttons then render in the correct spot, and the body text slides back up to be immediately under the slider, but there have been cases where this does not take care of itself when the slider cycles to the next image.

Any suggestions on how to deal with this problem?

[jstollvt]

Hmm… I’ve been able to reproduce this on Chrome, Brave, and Safari (but not Firefox). The difference with these browsers is that in order to reproduce the problem, I first need to scroll the page to the point where the slider no longer shows on the page. Then, when I do a hard refresh the page, I see the body content render down the page below a blank area, and the slider navigation left/right controls render down in the visible portion of the page (ie, well below the slider area). The delay between this jumbled initial rendering, and it correcting itself happens much more quickly in Chrome, Brave, and Safari, than it does in IE, but it’s still there momentarily. (In reality, it’s unlikely that users will stumble on this particular set of circumstances in most cases, in these other browsers, but if it helps to diagnose what might be going on in the case of IE, I thought I’d share what I’ve found.)

[Skandha]

@jstollvt: Hello there,
Can you please post in your site URL so that I can look into the issue?

Kind Regards,
Skandha

[jstollvt]

Thanks for your help, Skandha – the site is https://glycomip.org/

[Skandha]

@jstollvt: Hello there,
Can you please attach a screenshot of the issue at your end?

Kind Regards,
Skandha

[jstollvt]

Hmm… Not sure how to attach a file in the editor here, but here’s a link to a screen capture. As you can see, the “< >” slider control buttons are far down below the image, and a large swath of whitespace is introduced below the slider. In most cases, this resolves itself when the slider automatically moves to the next image, but there have been reported cases where it just sits like that permanently. This seems to be happening primarily on IE10, but I’ve been able to replicate it on other browsers, as noted above.

Let me know if you’re unable to get to the screen shot, and/or if I can provide any additional information.

Thanks for the help!

https://drive.google.com/file/d/1x7mUkhyKxc0kBEfUs1GkUJDloFGpkEL9/view?usp=sharing

[Author]

Posts