mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-08-30 10:29:48 +02:00
Code Issues Releases Wiki Activity

fix: unexpected table selection behavior (#5821)

Browse Source
This commit is contained in:
Czy
2025-03-17 10:26:29 +08:00
committed by GitHub
parent 1022682d82
commit a94fe72bd1
3 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
site/examples/js/tables.jsx
View File

@@ -8,6 +8,7 @@ import {
} from 'slate'
import { withHistory } from 'slate-history'
import { Editable, Slate, withReact } from 'slate-react'
import { css } from '@emotion/css'
const TablesExample = () => {
const renderElement = useCallback(props => <Element {...props} />, [])
@@ -83,7 +84,12 @@ const Element = ({ attributes, children, element }) => {
switch (element.type) {
case 'table':
return (
<table>
<table
className={css`
// avoid unexpected selection behavior on both sides of the table
position: relative;
`}
>
<tbody {...attributes}>{children}</tbody>
</table>
)

8
site/examples/ts/tables.tsx
View File

@@ -16,6 +16,7 @@ import {
withReact,
} from 'slate-react'
import { CustomEditor } from './custom-types.d'
import { css } from '@emotion/css'
const TablesExample = () => {
const renderElement = useCallback(
@@ -114,7 +115,12 @@ const Element = ({ attributes, children, element }: RenderElementProps) => {
switch (element.type) {
case 'table':
return (
<table>
<table
className={css`
// avoid unexpected selection behavior on both sides of the table
position: relative;
`}
>
<tbody {...attributes}>{children}</tbody>
</table>
)