fix: GoogleAddressLookup size grows for selected address with long text - Githubissues

nexxtway / react-rainbow

🌈 React Rainbow Components. Build your web application in a snap.

https://react-rainbow.io

MIT License

1.79k stars 112 forks source link

fix: GoogleAddressLookup size grows for selected address with long text #2628

Open wildergd opened 1 year ago

wildergd commented 1 year ago

When using GoogleAddressLookup and we select a place with a long text.. the input is enlarged instead of cropping the text.

[x] I have searched the issues of this repository and believe that this is not a duplicate.

Describe the bug

When using GoogleAddressLookup and we select a place with a long text.. the input is enlarged instead of cropping the text.

Screenshots

https://github.com/nexxtway/react-rainbow/assets/3240995/67a2f273-d23a-4cc8-8b98-17651469d8cb

To Reproduce 🕹

Steps to reproduce the behavior:

Go to GoogleAddressLookup example
Click on Show Code
change maxWith in containerStyles to 300px
in the input search for San Francisco and select San Francisco Airport

Expected Behavior 🤔

it should cropt the text and keep input size

Current Behavior 😯

the input value is enlarged