Note: Applies to version 2.0.0 of this bookmarklet

Chrome doesn't handle drag and drop over iFrames. Consequently, dragging and dropping over iFrames won't work as intended. This might be a bug in Chrome, or a security feature related to cross-domain scripting. Further research is needed!

When your view model is updated, the bookmarklet will expand everything.

This is because the bookmarklet is completely re-rendered, and the default state is expanded.

My solution is to implement a map that links together three pieces of information for each collapsable object: the DOM element associated with it, a unique hash for it (to uniquely locate it in the VM independent from any element), and whether it is collapsed or expanded.

Updates

A new solution I've thought of is to map objects to DOM elements, then utilize a Json diff library and an injection method to dynamically update the DOM as the object changes.

Hi there,

wanted to use this very useful code, and was getting an error when I created a bookmarklet in FF using the supplied js, on line 18, complaining that there were too few arguments to document.createTextNode.

I modified line 18 from
closeText = document.createTextNode(),
to
closeText = document.createTextNode(""),

and this fixed the issue for me. Just wanted to let you know, I am not really sure how to do this whole git thing so I'm writing it up here so you can fix if it turns out to be an issue for others. Thanks for a very useful tool!

Version 2.0.0 isn't working in the latest release of Firefox – it forces the bookmarklet into a new tab. This needs to be researched and figured out!