jlmakes / jlmakes/scrollreveal
Visibility not updated on revealed elements in IE 11
- Dominant language
- JavaScript
- Stars
- 22.5k
- Forks
- 2.2k
- PR merge metrics
- No merged PRs in 30d
Description
The example used on the [User Experience](https://scrollrevealjs.org/guide/user-experience.html) page to "Prevent Flickering" suggests adding a "visibility: hidden" style to items that will transition, but this isn't working in IE 11. ScrollReveal doesn't seem to update the visibility on revealed elements in IE 11.
The problem can be seen in your example demo: https://jsbin.com/fuvusofere/edit?html,css,output
I ran this thru WebPageTest to confirm it wasn't just my local setup that had the issue.
https://www.webpagetest.org/result/210413_AiDc2R_dc0e38e7c29f55599d9512320d9ec0c5/

### Environment
* Operating System: Windows 10
* Browser Version: IE 11
* ScrollReveal Version: 4.0.9
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with the “Prevent Flickering” example on the User Experience page and reproduce the behavior in IE 11 using the linked JS Bin demo. Trace how ScrollReveal 4.0.9 handles visibility when elements are revealed; done means the visibility style is updated correctly in IE 11, matching behavior in other browsers.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100