From a817dcd92f59d5f3c747ad96eb23ea84a1be3ca1 Mon Sep 17 00:00:00 2001 From: Sychev Andrey <44414066+SychevAndrey@users.noreply.github.com> Date: Wed, 27 May 2026 20:38:22 +0200 Subject: [PATCH] dbeaver/pro#9407 fix: long values wrapping (#4364) we mimic here the old input's behaviour, when we can't see the scroll but can navigate through the 1-line value with keyboard or mouse drag/selection Co-authored-by: Evgenia <139753579+EvgeniaBzzz@users.noreply.github.com> --- .../react-data-grid/src/editors/TextEditor.module.css | 7 +++++++ .../@dbeaver/react-data-grid/src/editors/TextEditor.tsx | 1 + 2 files changed, 8 insertions(+) diff --git a/webapp/common-react/@dbeaver/react-data-grid/src/editors/TextEditor.module.css b/webapp/common-react/@dbeaver/react-data-grid/src/editors/TextEditor.module.css index e8976a31dd..ed164d7e8f 100644 --- a/webapp/common-react/@dbeaver/react-data-grid/src/editors/TextEditor.module.css +++ b/webapp/common-react/@dbeaver/react-data-grid/src/editors/TextEditor.module.css @@ -1,6 +1,13 @@ :global(.rdg-cell) .editor { appearance: none; resize: none; + overflow-x: auto; + overflow-y: hidden; + scrollbar-width: none; + + &::-webkit-scrollbar { + display: none; + } box-sizing: border-box; min-height: initial; diff --git a/webapp/common-react/@dbeaver/react-data-grid/src/editors/TextEditor.tsx b/webapp/common-react/@dbeaver/react-data-grid/src/editors/TextEditor.tsx index 00281379e0..3c7e361cc2 100644 --- a/webapp/common-react/@dbeaver/react-data-grid/src/editors/TextEditor.tsx +++ b/webapp/common-react/@dbeaver/react-data-grid/src/editors/TextEditor.tsx @@ -45,6 +45,7 @@ export function TextEditor({ rowIdx, colIdx, onClose }: IProps) { ref={autoFocusAndSelect} className={classes['editor']} rows={1} + wrap="off" value={value} onChange={event => cellContext?.onCellChange?.(rowIdx, colIdx, event.target.value)} onBlur={() => onClose()}