diff --git a/core/bubbles/textinput_bubble.ts b/core/bubbles/textinput_bubble.ts index 346bc8413..fcbb2cf5d 100644 --- a/core/bubbles/textinput_bubble.ts +++ b/core/bubbles/textinput_bubble.ts @@ -143,7 +143,7 @@ export class TextInputBubble extends Bubble { /** Binds events to the text area element. */ private bindTextAreaEvents(textArea: HTMLTextAreaElement) { - // Don't zoom with mousewheel. + // Don't zoom with mousewheel; let it scroll instead. browserEvents.conditionalBind(textArea, 'wheel', this, (e: Event) => { e.stopPropagation(); }); @@ -198,8 +198,6 @@ export class TextInputBubble extends Bubble { const heightMinusBorder = size.height - Bubble.DOUBLE_BORDER; this.inputRoot.setAttribute('width', `${widthMinusBorder}`); this.inputRoot.setAttribute('height', `${heightMinusBorder}`); - this.textArea.style.width = `${widthMinusBorder - 4}px`; - this.textArea.style.height = `${heightMinusBorder - 4}px`; this.resizeGroup.setAttribute('y', `${heightMinusBorder}`); if (this.workspace.RTL) { @@ -310,6 +308,7 @@ Css.register(` outline: 0; padding: 3px; resize: none; - text-overflow: hidden; + width: 100%; + height: 100%; } `); diff --git a/core/comments/comment_view.ts b/core/comments/comment_view.ts index d28e360ea..9195833a0 100644 --- a/core/comments/comment_view.ts +++ b/core/comments/comment_view.ts @@ -776,7 +776,6 @@ css.register(` border: 1px solid var(--commentBorderColour); outline: 0; resize: none; - overflow: hidden; box-sizing: border-box; padding: 8px; width: 100%; diff --git a/core/comments/rendered_workspace_comment.ts b/core/comments/rendered_workspace_comment.ts index 8da0e8a72..9ff1ce112 100644 --- a/core/comments/rendered_workspace_comment.ts +++ b/core/comments/rendered_workspace_comment.ts @@ -66,6 +66,15 @@ export class RenderedWorkspaceComment this, this.startGesture, ); + // Don't zoom with mousewheel; let it scroll instead. + browserEvents.conditionalBind( + this.view.getSvgRoot(), + 'wheel', + this, + (e: Event) => { + e.stopPropagation(); + }, + ); } /**