I’d like to also add:
I tested on my local environment and isolated the error by turning off all other running scripts. I’ve confirmed that the IE10 issue still persists.
UPDATE: The issue still exists, but now I know how to specifically replicate it.
To duplicate the issue:
Create a social feed with the “load more” functionality. This causes the height to be undefined. Actually, this issue is also persistent in IE11.
Hi Brian,
Thanks for the note. Our developers have found the issue here and will be releasing the fix by the end of the week.
Meanwhile, you can fix the issue yourself by changing the “When scrolling to bottom of your hub” settings from “Do Nothing” to “Autoload more” and updating your short code. The issue is confined to the “Do nothing” setting, so this will get you fixed right now.
—Noah
Thanks for the response, Noah. That’s really great news!
And, for anyone else looking for alternatives you can also:
- Grab the final rendered <iframe> and copy/paste, static into the DOM. Drawback: you deal with scroll bars within in the iframe
- Go with the Autoload more option, as the developer suggested. Drawbacks: users can’t reach a website’s footer, if it’s endless scroll (or until your feed reaches the end).
Hi Brian,
Thanks for the message.
Great ideas on the two updates. An ideal solution here would be to grab the <script> tag immediately above the <iframe>. This will remove the border you noticed with the <iframe> solution.
In fact, this is how our non-WordPress users embed the social hub on thousands of sites around the web. The WordPress plugin simply creates that embed script for your convenience.
—Noah
