complete <details> polyfill using better-dom
Switch branches/tags
Nothing to show
Clone or download
Latest commit 202fca8 Dec 17, 2014
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist version 2.1.0 Dec 16, 2014
src minor improvements Dec 13, 2014
test minor improvements Dec 13, 2014
.gitignore use postcss and improve CSS Oct 10, 2014
.travis.yml fix travis Dec 2, 2014
LICENSE.txt initial commit Jan 10, 2014 simplify code Oct 29, 2014
bower.json version 2.1.0 Dec 16, 2014
index.html create <summary> if it's absent Nov 11, 2014
package.json version 2.1.0 Dec 16, 2014

Build Status Coverage Status Bower version

<details> polyfill for better-dom

The goal for this project is to create a complete polyfill for the <details> element which provides consistent behavior in every browser (see browser support). As a result you can use this new element on web pages today.



  • live extension - works for current and future content
  • open attribute support
  • fires toggle event when open state changed
  • keyboard and ARIA-friendly
  • fully customisable via CSS


Use bower to download this extension with all required dependencies.

$ bower install better-details-polyfill

This will clone the latest version of the better-details-polyfill into the bower_components directory at the root of your project.

Then append the following tags on your page:

<script src="bower_components/better-dom/dist/better-dom.js"></script>
<script src="bower_components/better-details-polyfill/dist/better-details-polyfill.js"></script>

Browser support


  • Chrome
  • Safari 6.0+
  • Firefox 16+
  • Opera 12.10+
  • Internet Explorer 8+ (see notes)


  • iOS Safari 6+
  • Android 2.3+
  • Chrome for Android