Merge pull request #702 from yqwoe900316/rich-text-tooltop-position

图表-富文本编辑器添加链接，tooltip 页面边缘遮挡；
running-elephant · Jan 28, 2022 · df76e51 · df76e51
2 parents a5da8c3 + 67d6aac
commit df76e51
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/frontend/src/app/components/ChartGraph/BasicRichText/ChartRichTextAdapter.tsx b/frontend/src/app/components/ChartGraph/BasicRichText/ChartRichTextAdapter.tsx
@@ -31,7 +31,7 @@ import {
   useLayoutEffect,
   useMemo,
   useRef,
-  useState,
+  useState
 } from 'react';
 import ReactQuill, { Quill } from 'react-quill';
 import 'react-quill/dist/quill.bubble.css';
@@ -40,7 +40,7 @@ import styled from 'styled-components/macro';
 import './RichTextPluginLoader';
 import {
   Formats,
-  MarkdownOptions,
+  MarkdownOptions
 } from './RichTextPluginLoader/RichTextConfig';
 import TagBlot from './RichTextPluginLoader/TagBlot';
 
@@ -305,6 +305,7 @@ const ChartRichTextAdapter: FC<{
             modules={quillModules}
             formats={Formats}
             readOnly={false}
+            bounds={'#quill-box'}
           />
           <Row align="middle" justify="end" style={{ paddingTop: 16 }}>
             <Button
@@ -327,7 +328,7 @@ const ChartRichTextAdapter: FC<{
 
   return (
     <TextWrap onClick={ssp}>
-      <QuillBox>
+      <QuillBox id="quill-box">
         {quillModules && reactQuillEdit}
         {quillModules && !isEditing && reactQuillView}
       </QuillBox>