Jump to content
Search Community

SplitText Chars overflow hidden in safari

acantoroBB test
Moderator Tag

Go to solution Solved by GreenSock,

Recommended Posts

Hello I have some problems using SplitText plugin in safari browser in my project. There is like an overflow hidden effect caused by generated divs during the animation. I tried several solutions from other topics from the forum but no one seems to work.

 

You can check the problem with the linked codepen project below :

 

Thank you for your help.

See the Pen XWMpRMR by bappla (@bappla) on CodePen

Link to comment
Share on other sites

  • Solution

Yeah, Safari has some funky bugs. In this case, it looks like you've got a font that extends beyond the edges of the container but Safari decides that for GPU rendering, it'll just chop it off at the edges of the container even if you've got overflow set to visible. Thanks Safari!

 

The only solution I can see is to expand the size of the elements with padding, and then offset that in the negative direction with margin: 

See the Pen GRWrMow?editors=0110 by GreenSock (@GreenSock) on CodePen

 

Does that help? 

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...