react-native-ui-kitten icon indicating copy to clipboard operation
react-native-ui-kitten copied to clipboard

Am I the only one experience tooltip going off screen?

Open Rc85 opened this issue 3 years ago • 1 comments

🐛 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

Rc85 avatar Dec 20 '22 05:12 Rc85

@Rc85 Hello there!

Could you please provide code example for better understanding?

Regards, Vlad.

bataevvlad avatar Mar 31 '23 10:03 bataevvlad