toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-11-23 05:02:17 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(selection): iframe slow selection

Browse Source
This commit is contained in:
zhangchi 2022-07-23 23:20:52 +08:00
parent 48a5f52fb4
commit 101449dd37
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
libs/components/editor-blocks/src/components/source-view/SourceView.tsx
View File

@ -8,7 +8,15 @@ import { formatUrl } from './format-url';
import { SCENE_CONFIG } from '../../blocks/group/config';
import { services } from '@toeverything/datasource/db-service';
import { debounce } from '@toeverything/utils';
const MouseMaskContainer = styled('div')({
position: 'absolute',
zIndex: 1,
top: '0px',
left: '0px',
right: '0px',
bottom: '0px',
backgroundColor: 'transparent',
});
export interface Props {
block: AsyncBlock;
editorElement?: () => JSX.Element;
@ -149,6 +157,7 @@ export const SourceView: FC<Props> = props => {
const { link, isSelected, block, editorElement } = props;
const { scene } = useRecastBlockScene();
const src = formatUrl(link);
if (src?.startsWith('http')) {
return (
<div
@ -161,7 +170,9 @@ export const SourceView: FC<Props> = props => {
src={src}
frameBorder="0"
allowFullScreen
sandbox="allow-scripts allow-popups allow-top-navigation-by-user-activation allow-forms allow-same-origin"
/>
<MouseMaskContainer />
</SourceViewContainer>
</div>
);