HTML5 Details Polyfill
More than I'd hoped (2 posts)

  1. Franklyn Monk
    Posted 3 years ago #

    I gave up trying to implement Mathias Bynens’ jQuery plugin on my own. I was delighted when I found HTML5 Details Polyfill. Not only does it just work but Anzalone also included the css and a great readme.

    The only problem I've had is CloudFlare's experimental Rocket Loader™ feature which tries to asynchronously load js. With Rocker Loader on I get a flash of unrendered content, turning it off relieves the problem.

    Thanks Anzalone! I'm gonna try out your other plugins too.

  2. Joe Anzalone
    Plugin Author

    Posted 3 years ago #

    Glad you like it! Unfortunately I don't have any experience with CloudFlare or Rocket Loader, but I wonder if there's a way to whitelist/turn off Rocket Loader for a single plugin or script?

    The thing that confuses me is that the CSS should be applied to the <details> and <summary> elements just fine, even without the JavaScript loading at all so I'm not sure why you'd be experiencing the FOUC.

    The only way I could see this being a problem is if you're using the role="button" or aria-expanded="false" attributes to style them since those don't get added until Mathias' JavaScript gets loaded.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • HTML5 Details Polyfill
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.