Static text with movable text container width

[Nwekar]

Hello Everyone. I hope you are doing well. I have a problem with the container text. All I want static text with switchable text, and I already implemented this static text with switchable text vertically, but the container width does not fit to text and does not work for every size(black container). Could anybody help me with that? Thanks.

https://codesandbox.io/s/agitated-dewdney-mkwvkj

[GSAP Helper]

Hi @Nwekar. Sorry, but I don't really understand what you're asking. Is this a GSAP-specific question? It sounds like maybe you're asking more of a CSS/layout issue. Is that right? 

 

Also, it looks like you're using React but you're not doing proper cleanup. gsap.context() is your new best friend in React because it makes cleanup so easy. Please read this article:

 

Here are some tips that will increase your chance of getting a solid answer. Make sure to include:
 

• A clear description of the expected result - "I am expecting the purple div to spin 360degrees"
• A clear description of the issue -  "the purple div only spins 90deg"
• A list of steps for someone else to recreate the issue - "Open the demo on mobile in IOS safari and scroll down to the grey container" 
• A minimal demo - if possible, using no frameworks, with minimal styling, only include the code that's absolutely necessary to show the issue. Please don't include your whole project. Just some colored <div> elements is great.