diff --git a/packages/vkui/src/components/Tooltip/Tooltip.tsx b/packages/vkui/src/components/Tooltip/Tooltip.tsx index 8fe5bbf47d..4327f7383e 100644 --- a/packages/vkui/src/components/Tooltip/Tooltip.tsx +++ b/packages/vkui/src/components/Tooltip/Tooltip.tsx @@ -57,7 +57,7 @@ export type TooltipOnShownChange = OnShownChange; export interface TooltipProps extends AllowedFloatingComponentProps, AllowedTooltipBaseProps { /** * Передача `boolean` позволяет контролировать состояния показа и скрытия вручную. Используйте - * совместно с `onShawnChange`. + * совместно с `onShownChange`. * * > Если нужно разово инициировать показ тултипа при первом рендере, то используйте `defaultShown`. */ diff --git a/packages/vkui/src/components/TooltipBase/TooltipBase.module.css b/packages/vkui/src/components/TooltipBase/TooltipBase.module.css index 2d9b11c20e..ed20dcbbf0 100644 --- a/packages/vkui/src/components/TooltipBase/TooltipBase.module.css +++ b/packages/vkui/src/components/TooltipBase/TooltipBase.module.css @@ -25,6 +25,11 @@ background: none; } +.title, +.description { + word-break: break-word; +} + .arrow { color: var(--vkui--color_background_contrast_themed); } diff --git a/packages/vkui/src/components/TooltipBase/TooltipBase.tsx b/packages/vkui/src/components/TooltipBase/TooltipBase.tsx index 6ffab64e98..9daed8050e 100644 --- a/packages/vkui/src/components/TooltipBase/TooltipBase.tsx +++ b/packages/vkui/src/components/TooltipBase/TooltipBase.tsx @@ -110,8 +110,14 @@ export const TooltipBase = ({ )}
- {hasReactNode(title) && {title}} - {hasReactNode(description) && {description}} + {hasReactNode(title) && ( + + {title} + + )} + {hasReactNode(description) && ( + {description} + )}
{typeof onCloseIconClick === 'function' && (