akveo / react-native-ui-kitten

:boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
https://akveo.github.io/react-native-ui-kitten/
MIT License
10.3k stars 952 forks source link

Am I the only one experience tooltip going off screen? #1693

Open Rc85 opened 1 year ago

Rc85 commented 1 year ago

🐛 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

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
bataevvlad commented 1 year ago

@Rc85 Hello there!

Could you please provide code example for better understanding?

Regards, Vlad.