From d1e07be46f00c145950f8bed3ecedb67364f05a3 Mon Sep 17 00:00:00 2001
From: sergeyteleshev <iamsergeyteleshev@gmail.com>
Date: Thu, 21 Aug 2025 13:16:29 +0200
Subject: [PATCH] [CB] Long text in the Configuration ID dropdown is not
 truncated and overlaps other UI elements (#3682)

* dbeaver/pro#6642 truncates all select items

* adds title for render field selects

---------

Co-authored-by: Evgenia <139753579+EvgeniaBzzz@users.noreply.github.com>
---
 webapp/packages/core-blocks/src/FormControls/Select.tsx       | 4 ++--
 .../ObjectPropertyInfo/ObjectPropertyInfoForm/RenderField.tsx | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/webapp/packages/core-blocks/src/FormControls/Select.tsx b/webapp/packages/core-blocks/src/FormControls/Select.tsx
index 673210f6fd..2d5b281282 100644
--- a/webapp/packages/core-blocks/src/FormControls/Select.tsx
+++ b/webapp/packages/core-blocks/src/FormControls/Select.tsx
@@ -146,9 +146,9 @@ export const Select: SelectType = observer(function Select({
 
   function itemRender(item: (typeof items)[number]): React.ReactNode {
     return (
-      <div className="select__item" title={item ? titleSelector?.(item) : undefined}>
+      <div className="select__item tw:truncate" title={item ? titleSelector?.(item) : undefined}>
         {renderIcon(item)}
-        <span>{valueSelector(item)}</span>
+        {valueSelector(item)}
       </div>
     );
   }
diff --git a/webapp/packages/core-blocks/src/ObjectPropertyInfo/ObjectPropertyInfoForm/RenderField.tsx b/webapp/packages/core-blocks/src/ObjectPropertyInfo/ObjectPropertyInfoForm/RenderField.tsx
index d22f87eb80..41d95737d4 100644
--- a/webapp/packages/core-blocks/src/ObjectPropertyInfo/ObjectPropertyInfoForm/RenderField.tsx
+++ b/webapp/packages/core-blocks/src/ObjectPropertyInfo/ObjectPropertyInfoForm/RenderField.tsx
@@ -153,6 +153,7 @@ export const RenderField = observer<RenderFieldProps>(function RenderField({
           items={property.validValues!}
           keySelector={value => value}
           valueSelector={value => value}
+          titleSelector={value => value}
           defaultValue={defaultValue}
           title={property.description}
           disabled={disabled}
@@ -172,6 +173,7 @@ export const RenderField = observer<RenderFieldProps>(function RenderField({
         items={property.validValues!}
         keySelector={value => value}
         valueSelector={value => value}
+        titleSelector={value => value}
         defaultValue={defaultValue}
         title={property.description}
         disabled={disabled}