fix(textchecker-element): apply patch for overflow bug

apply patch from component/textarea-caret-position#56 ``` text tex t ``` In thie case, caret is buggy
textlint · Jul 10, 2021 · bc8f2c0 · bc8f2c0
1 parent 266031f
commit bc8f2c0
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/packages/textchecker-element/index.html b/packages/textchecker-element/index.html
@@ -149,7 +149,7 @@
             color: var(--c4);
             background: var(--c2);
             border: 0;
-            padding: 0.6em
+            padding: 0.6em;
         }
 
         button, input[type=submit], input[type=reset], input[type="button"] {

diff --git a/packages/textchecker-element/src/text-checker-element.ts b/packages/textchecker-element/src/text-checker-element.ts
@@ -197,7 +197,7 @@ export class TextCheckerElement extends HTMLElement {
             const startCoordinate = getCoordinates(this.targetElement, start, {
                 reuse: true,
                 returnHeight: true,
-                returnDiv: true,
+                returnDiv: false,
                 debug: false
             });
             // Stop to search if out of visible

diff --git a/packages/textchecker-element/src/util/text-caret-pos.js b/packages/textchecker-element/src/util/text-caret-pos.js
@@ -26,7 +26,10 @@ var properties = [
     "borderRightWidth",
     "borderBottomWidth",
     "borderLeftWidth",
-    "borderStyle",
+    "borderTopStyle",
+    "borderRightStyle",
+    "borderBottomStyle",
+    "borderLeftStyle",
 
     "paddingTop",
     "paddingRight",
@@ -284,8 +287,6 @@ function styleCaretCoordinatesDiv(element, position, div, options) {
     if (isFirefox) {
         // Firefox lies about the overflow property for textareas: https://bugzilla.mozilla.org/show_bug.cgi?id=984275
         if (element.scrollHeight > parseInt(computed.height)) style.overflowY = "scroll";
-    } else {
-        style.overflow = "hidden"; // for Chrome to not render a scrollbar; IE keeps overflowY = 'scroll'
     }
 }