Research
Two Malicious Rust Crates Impersonate Popular Logger to Steal Wallet Keys
Socket uncovers malicious Rust crates impersonating fast_log to steal Solana and Ethereum wallet keys from source code.
By Kirill Boychenko - Sep 24, 2025
details-polyfill
Advanced tools
details-polyill
Polyfill for the HTML5
<details>element, no dependencies
Usage
details-polyfill is available via npm.
npm install --save details-polyfill
Requiring it will immediately inject the needed behaviors.
require('details-polyfill')
The file index.js is also usable as a standalone script.
How it works
Just include the script on any page that uses <details>.
In case the browser doesn't support <details>, it adds the following behaviors:
- When clicking
details > summary, it toggles theopenattribute indetails.
It also adds these CSS styles:
summary:beforeis styled with a disclosure triangle.details:not([open]) > :not(summary)elements are hidden. (that is: all children of closeddetails, exceptsummary)- The
<html>element gets theno-detailsclass.
Limitations
Keep these guidelines in mind.
No loose text
The <details> element must not have loose text inside it. Everything inside it should be in elements.
<!-- ✗ This will NOT work -->
<details>
<summary>More info...</summary>
No info available.
</details>
<!-- ✓ But this will -->
<details>
<summary>More info...</summary>
<span>No info available.</span>
</details>
Don't style summary::before
...unless it's for a disclosure triangle. This library uses summary::before to create a default triangle.
Summary as first child
The summary element must also be the first child of the details element. Browsers supporting the details element natively will hoist summary elements up, but details-polyfill.js won't.
JavaScript el.open = true
...will not work like how you think it does. You also need to do .setAttribute('open', 'open') or .removeAttribute('open').
Alternatives
Here are a few other polyfills for <details>.
I wrote this because everything else out there either depend on big libraries, or are too complicated. In contrast, details-polyfill has <100 lines of code, and only comes with a .js file.
- better-details-polyfill - depends on better-dom-boilerplate.
- manuelbieh/Details-Polyfill - depends on jQuery.
- html5-details-jquery - depends on jQuery.
- jquery-deets - depends on jQuery UI.
- Element.details - supports legacy IE, but is harder to implement (has
.htcfiles). - Complete polyfill for the HTML5 details element (smashingmagazine.com)
- Cross browser polyfills (github.com/modernizr)
Thanks
details-polyfill © 2016+, Rico Sta. Cruz. Released under the MIT License.
Authored and maintained by Rico Sta. Cruz with help from contributors (list).
ricostacruz.com · GitHub @rstacruz · Twitter @rstacruz
FAQs
Polyfill for the HTML5 `<details>` element
The npm package details-polyfill receives a total of 6,494 weekly downloads. As such, details-polyfill popularity was classified as popular.
We found that details-polyfill demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Package last updated on 16 Mar 2021
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Related posts
Research
Malicious fezbox npm Package Steals Browser Passwords from Cookies via Innovative QR Code Steganographic Technique
A malicious package uses a QR code as steganography in an innovative technique.
By Olivia Brown - Sep 22, 2025
Research
/Security News
Identifying and Preventing Fraudulent Engineering Candidates: An Investigation into 80 Confirmed Cases
Socket identified 80 fake candidates targeting engineering roles, including suspected North Korean operators, exposing the new reality of hiring as a security function.
By Lauren Valencia, Kirill Boychenko - Sep 17, 2025