Copy-pasting text with an inline void from Slate to other editors is not working as expected.

[laufeyrut]

Description
Copy-pasting text with an inline void from Slate to other editors is not working as expected.

Recording
https://user-images.githubusercontent.com/15036127/150869415-33422c13-2666-4e58-9104-2464474b7107.mov

Steps
To reproduce the behavior:

1. Go to https://www.slatejs.org/examples/mentions
2. Copy the text from the example
3. Paste the text to some editor. Like Google Docs or notes.
4. There is a new line after each inline element

Expectation
That and new line is not added after inline elements

Environment

• Slate Version: [0.72.3
• Operating System: MacOs 11.6.2
• Browser: Microsoft Edge

[jackmiller2708]

@laufeyrut I agree. As of right now, Slate is using the zero width no-break space (U+FEFF), which is deprecated. They should switch up the default to word joiner (U+2060) to represent void characters instead.

[yume-chan]

Using U+2060 won't fix the issue in Google Docs. It's caused by this position: absolute style:

slate/packages/slate-react/src/components/element.tsx

Lines 111 to 127 in 55b9574

	<Tag
	data-slate-spacer
	style={{
	height: '0',
	color: 'transparent',
	outline: 'none',
	position: 'absolute',
	}}
	>
	<Text
	renderPlaceholder={renderPlaceholder}
	decorations={[]}
	isLast={false}
	parent={element}
	text={text}
	/>
	</Tag>

[yume-chan]

Use U+2060: #2597, use <br>: #1971