Clone HTML element with styles.
npm install clone-elementClone HTML elements with styles.
``sh`
npm i -save clone-element
`js
import { cloneElement } from 'clone-element'
document.body.appendChild(cloneElement(document.querySelector('h1'))
`
* ✅ Clone with styles.
> ⭕️ Default style for native inputs may work unexpectedly, as they ususally rely on browsers' private CSS extensions thus computed styles become not useful under certain conditions.
* ✅ Support styles for psuedo elements (listed below).
* ::after::before
* ::first-letter
* ::first-line
* ::marker
* ::placeholder
*
> ⭕️ Only works for Firefox. Chrome/Safari do not report correct computed style for ::placeholder.
* ::selection
* ✅ Copy content from an existing
> ⭕️ is not supported.
* ✅ Try to synchronize state between
> ⭕️ May not work for cross domain videos without crossorigin and CORS settings.
* ✅ Fix “contextual” HTML attributes like lang/dir/disabled`.