LJ
KPCKevin Powell - Community
•Created by LJ on 6/24/2024 in #front-end
Unwanted clipboard behavior flex inline table
Concerning https://jsfiddle.net/a2bsvoer/
Visually I have what I want. However, the linked jsfiddle causes the browser to copy cells into the clipboard with each cell (character) on its own line. How do I make it so that the browser copies full lines into the clipboard?
I'm open to completely refactoring with these requirements:
1. I do need to access (via JS, CSS) individual cells containing at most a single Unicode glyph (ignoring ZWJ etc. behaviors). Pretend this is a terminal screen or VGA text mode.
2. The emojis must be centered within their text cells. (If this wasn't a requirement, I'd be done by now.)
The HTML is generated, so strict use of whitespace is also fine. I wrote the example this way to be easier to see what is going on.
My gut is telling me to go old-school and use a table element, but doing so causes tab characters to be inserted into the clipboard.
I'm trying to avoid writing JS to intercept and de-mangle the clipboard on the copy operation.
83 replies