🐛 fix: highlight scroll error (#37)

* 🐛 fix: highlight scroll error * 📸 chore: update snapshot --------- Co-authored-by: rdmclin2 <rdmclin2@gmial.com>
ant-design · Jun 18, 2023 · 5abf169 · 5abf169
1 parent 2639071
commit 5abf169
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/Highlight/style.ts b/src/Highlight/style.ts
@@ -23,6 +23,7 @@ export const useStyles = createStyles(
         typeStylish,
         css`
           position: relative;
+          overflow: auto;
           margin: 0;
           border-radius: ${token.borderRadius}px;
           transition: background-color 100ms ${token.motionEaseOut};

diff --git a/tests/__snapshots__/demo.test.tsx.snap b/tests/__snapshots__/demo.test.tsx.snap
@@ -16369,6 +16369,7 @@ exports[`<Highlight /> > renders basic.tsx correctly 1`] = `
   background-color: #2b303b;
   border: 1px solid #2b303b;
   position: relative;
+  overflow: auto;
   margin: 0;
   border-radius: 6px;
   -webkit-transition: background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -16728,6 +16729,7 @@ exports[`<Highlight /> > renders lineNumber.tsx correctly 1`] = `
   background-color: #fafafa;
   border: 1px solid #fafafa;
   position: relative;
+  overflow: auto;
   margin: 0;
   border-radius: 6px;
   -webkit-transition: background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -17125,6 +17127,7 @@ exports[`<Highlight /> > renders theme.tsx correctly 1`] = `
   background-color: #fafafa;
   border: 1px solid #fafafa;
   position: relative;
+  overflow: auto;
   margin: 0;
   border-radius: 6px;
   -webkit-transition: background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -18464,6 +18467,7 @@ exports[`<ProEditor /> > renders buttonAssets.tsx correctly 1`] = `
   background-color: #fafafa;
   border: 1px solid #fafafa;
   position: relative;
+  overflow: auto;
   margin: 0;
   border-radius: 6px;
   -webkit-transition: background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -20154,6 +20158,7 @@ exports[`<ProEditor /> > renders controlledPresence.tsx correctly 1`] = `
   background-color: #fafafa;
   border: 1px solid #fafafa;
   position: relative;
+  overflow: auto;
   margin: 0;
   border-radius: 6px;
   -webkit-transition: background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -21758,6 +21763,7 @@ exports[`<ProEditor /> > renders defaultAssets.tsx correctly 1`] = `
   background-color: #2b303b;
   border: 1px solid #2b303b;
   position: relative;
+  overflow: auto;
   margin: 0;
   border-radius: 6px;
   -webkit-transition: background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);