Broken Notes Example
This is a form demonstrating a page that's broken when it gets morphed.
When you submit a form to create a new note, this page will be updated with morphing.
First we have an info box that can be open or closed.
Its open by default. Since we don't persist the change, if we close it and
the page is morphed it will revert to the default open state.
Next, we have a form for creating a new note which uses a rich JS component,
trix editor. When the page is morphed it will simply break.
Then we have a list of notes whose content can be open or closed. By default
they are closed. If we open them, they will revert to the default closed state
when the page is morphed.
Sample Note
This is a sample note
Finally, we have a component which is counting clicks user made since the page
was first open (I ran out of sensible examples). Since it's not doing anything
to react to page being morphed, it will be partially broken and reset the counter
when the page is morphed.