fix(ui-text-area): make focus line follow resized textarea

Closes: INSTUI-4380
instructure · Dec 3, 2024 · dd1e12c · dd1e12c
1 parent 5f12cf0
commit dd1e12c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui-text-area/src/TextArea/index.tsx b/packages/ui-text-area/src/TextArea/index.tsx
@@ -117,8 +117,8 @@ class TextArea extends Component<TextAreaProps> {
         if (this._highlightRef) {
           const entryStyle = window.getComputedStyle(entry.target)
           this._highlightRef.style.transition = 'none'
-          this._highlightRef.style.width = `calc(${entryStyle.width}px + 2.125rem)`
-          this._highlightRef.style.height = `calc(${entryStyle.height}px + 2.125rem)`
+          this._highlightRef.style.width = `calc(${entryStyle.width} + 0.5rem)`
+          this._highlightRef.style.height = `calc(${entryStyle.height} + 0.5rem)`
           clearTimeout(this.resizeTimeout)
 
           this.resizeTimeout = setTimeout(() => {