Github Source
Astro Image component
<Image> component
img element
<img> element

To reproduce

  1. Clone the repo: https://github.com/YottaYocta/paper-localhost-snapshot
  2. Run the dev server and open the page in a browser.
  3. Copy one of the images in the component column.
  4. Paste into editor.

Card with max-width

This element has max-width and min-width set. Copy and paste it into editor.

When an element with a max-width (or min-width) constraint is copied and pasted into editor, the pasted node inherits the constraint. There is no way to overwrite it without creating a new element.

To reproduce

  1. Copy the card in the component column.
  2. Paste it into the editor.
  3. Try to increase the pasted node's width beyond its max-width.
Inline styled text

last updated 36m ago

Some plain text here followed by styled text here

Some plain text here followed by

styled text here but in a div
Snapshot splits non-span elements into their own style, but eliminates any styling within a <p> tag if done through a span
Diagonal buttons

last updated 36m ago

clip-path button
skew button
clip-path button preserved when copied to editor, but doesn't seem to be any option to edit. The other uses skew and loses its styling
Complex transforms

last updated 36m ago

Card A
Card B
Card C
tilt card
Rotation preserved in editor for rotation example. Skew not preserved