mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-08-26 08:34:28 +02:00
Code Issues Releases Wiki Activity

Set the display ccs property of the void inline wrappers to inline-block.

Browse Source 
Update tests.
This commit is contained in:
Raffaele De Feo
2017-02-07 15:06:37 +01:00
parent d44f7e2122
commit 4f439ab3ca
2 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/void.js
View File

@@ -86,11 +86,20 @@ class Void extends React.Component {
render = () => { render = () => {
const { props } = this const { props } = this
const { children, node } = props const { children, node } = props
const Tag = node.kind == 'block' ? 'div' : 'span' let Tag, style
// Make the outer wrapper relative, so the spacer can overlay it. // Make the outer wrapper relative, so the spacer can overlay it.
const style = { if (node.kind === 'block') {
position: 'relative' Tag = 'div'
style = {
position: 'relative'
}
} else {
Tag = 'span'
style = {
display: 'inline-block',
position: 'relative'
}
} }
this.debug('render', { props }) this.debug('render', { props })

2
test/rendering/fixtures/custom-inline-void/output.html
View File

@@ -6,7 +6,7 @@
<span data-slate-zero-width="true">&#x200B;</span> <span data-slate-zero-width="true">&#x200B;</span>
</span> </span>
</span> </span>
<span data-slate-void="true" style="position:relative;"> <span data-slate-void="true" style="display:inline-block;position:relative;">
<span style="position:relative;top:0px;left:-9999px;text-indent:-9999px;"> <span style="position:relative;top:0px;left:-9999px;text-indent:-9999px;">
<span> <span>
<span data-slate-zero-width="true">&#x200B;</span> <span data-slate-zero-width="true">&#x200B;</span>