Import from is incomplete/cut in Suggest Window

[jsanchez-softdepot]

When a library has a class or constant with a long name, the source of the class (at the right) gets cut in the suggest window so it's impossible to know from where I'm importing the component.

Many react libraries use the same component names (like Button) and it's important to know the source library of the suggestion for the auto import functionality.

STEPS TO REPRODUCE:

1. Create a react native project.
2. Add a library or package with a long-name component, such as react-native-screens (which has ScreenStackHeaderBackButtonImage)
3. Write a component name in a the component render function.

RESULT:
The suggest window will show the name of the functions/components/constants and if there is a long one, such as ScreenStackHeaderBackButtonImage, the source module/library/file will be cut off at the right.

EXPECTED RESULT:
The suggest windows should show the full name of the source module/library/file so I know where i'm importing from.

[vscodebot]

(Experimental duplicate detection)
Thanks for submitting this issue. Please also check if it is already covered by an existing one, like:

• Emmet expansion with React components (#66107)
• Styled components with diferent colors of React Native components (#89124)

[IllusionMH]

/duplicate of #29757 , #29126 and may other.

In meantime just hit Ctrl+Space again or hover over suggestion with mouse and click on ⓘ (Read more... button) to see detailed description of an item which displays full auto-import message.

[vscodebot]

Thanks for creating this issue! We figured it's covering the same as another one we already have. Thus, we closed this one as a duplicate. You can search for existing issues here. See also our issue reporting guidelines.

Happy Coding!