akveo / akveo/react-native-ui-kitten

Am I the only one experience tooltip going off screen?

Open
#1,693 1 comment 0 reactions 1 assignee Claimed by @bataevvlad View on GitHub
:bug: Bug
Dominant language
TypeScript
Stars
10.7k
Forks
962
PR merge metrics
No merged PRs in 30d

Description

## 🐛 Bug Report

When the tooltip is loaded with text, it goes off screen, making a part of it not visible.

![Screenshot_20221219-213535_Courier 1](https://user-images.githubusercontent.com/22307591/208592009-6cd3f880-b3e7-4603-9550-ec3eed8281b8.jpg)

## To Reproduce

Steps to reproduce the behavior:

1. Create tooltip
2. Load it with a lot of text, preferrably multiple lines

## Expected behavior

Tooltip should fit itself too the device's screen size.

## Workaround

Add margins to either side to push the tooltip onto the screen. Size of margin varies depending on the placement of the tooltip.

## Link to runnable example or repository (highly encouraged)

## UI Kitten and Eva version

| Package | Version |
| ----------- | ----------- |
| @eva-design/eva | 2.1.1 |
| @ui-kitten/components | 5.1.2 |

## Environment information

```
System:
OS: Windows 10 10.0.19042
CPU: (16) x64 AMD Ryzen 7 2700X Eight-Core Processor
Binaries:
Node: 16.15.0 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.10 - ~\AppData\Roaming\npm\yarn.CMD
npm: 8.5.5 - C:\Program Files\nodejs\npm.CMD
Watchman: 20210102.202219.0 - C:\Users\roger\watchman\bin\watchman.EXE
IDEs:
Android Studio: AI-212.5712.43.2112.8815526
Visual Studio: 15.9.28307.1401 (Visual Studio Community 2017)
npmPackages:
react: ^18.2.0 => 18.2.0
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.