opensource/cloudbeaver
3
0
Fork 0
mirror of https://github.com/dbeaver/cloudbeaver.git synced 2026-09-24 16:04:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

[CB] Long text in the Configuration ID dropdown is not truncated and overlaps other UI elements (#3682)

Browse Source 
* dbeaver/pro#6642 truncates all select items

* adds title for render field selects

---------

Co-authored-by: Evgenia <139753579+EvgeniaBzzz@users.noreply.github.com>
This commit is contained in:
sergeyteleshev
2025-08-21 19:16:29 +08:00
committed by GitHub
co-authored by Evgenia
parent 043204002f
commit d1e07be46f
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/packages/core-blocks/src/FormControls/Select.tsx
+2 -2
View File
@@ -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>
);
}
webapp/packages/core-blocks/src/ObjectPropertyInfo/ObjectPropertyInfoForm/RenderField.tsx
+2
View File
@@ -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}