Accessibility

[roman01la]

I'm wondering if this is actually to be used in prod? Do you consider to work on accessibility for this? Replicating DOM inside of canvas tag seems somewhat a good practice, better than nothing.
This is related to similar issue on react-canvas.

[PixelsCommander]

It does not replicate DOM it replaces it visually, but DOM is at place and is clickable and selectable. You do not see selection highlight (which will be fixed), but you still can select and copy/paste. So lets keep this issue and close when selection highlight will be imlemented

[roman01la]

True, there's no system outline on focusable elements.

[MrYellowMan]

I know a simple thing to hide the DOM elements by using javascript old way.

It works like this: page loads>DOM is taking it's time to generate>Canvas already made and should know whats inside to replace>JavaScript hides the DOM Elements if you did this on a onload page it should work as well.

Down-side: you'll have to hide all the packs you make in a different tag.

JS old way: we are used of using *.style.display="none"; for hidding elements that are not needed at moments that tou don't use them.