Jump to content
Search Community

Deallie_Digital

Premium

  • Posts

    20

  • Joined

  • Last visited

 Content Type 

Everything posted by Deallie_Digital

  1. Deallie_Digital
    I saw the example, but didn''t see the SplitText Revert Function you mentioned. I reverted the Splits in my example and it seems to work: https://codesandbox.io/p/sandbox/split-angled-example-forked-p28hlh?file=%2Fcomponents%2FSplitTextWrap.tsx%3A41%2C31 Thanks as always!
  2. Deallie_Digital
    I updated the link. I used the gsap.context( ) as usual, but it still causes double renders.
  3. Deallie_Digital
    Hello All I know useEffect renders twice, but is there anyway to prevent the double render of the inner wrap for the attached codesandbox example: https://codesandbox.io/p/sandbox/split-angled-example-forked-62gdg4?file=%2Fapp%2Fglobals.css%3A31%2C1 I tried SplitText's revert function also, but it didnt help. Thanks!
  4. Deallie_Digital
    Thanks! When loading, I was talking about Streaming UI with GSAP imports. I wrapped the components in Suspense which improved performance
  5. Deallie_Digital
    Hello All When running performance insights with Chrome I am getting these details using the NextJs App Router, but in NextJs Pages Router everything works fine. Can someone please provide insight on how to properly load GSAP + Shockingly with the App Router or does anyone have a NextJS 13 App Router Template? Thanks!
  6. Deallie_Digital
    It seems to work on small screens, but I'm having the same issues with larger screens.
  7. Deallie_Digital
    Hello All I'm experiencing issues with SplitText. It is yielding unpredictable Line Breaks. Can anyone assist? The link to the demo is below: https://codesandbox.io/s/split-text-km3qq5?file=/pages/index.tsx
  8. Deallie_Digital
    Hello All I'm having issues with this horizontal slider. I used the horizontalLoop helper - https://greensock.com/docs/v3/HelperFunctions#loop, but still no luck. Does anyone know why this is not working? Url: https://codesandbox.io/s/gsap-draggable-slider-forked-b5wc10
  9. Deallie_Digital
    This is what I got when clicking into the sandbox link
  10. Deallie_Digital
    Thanks Jack! I took a look at the codesandbox link, but its rendering an error.
  11. Deallie_Digital
    Sorry to bug you guys, but adding Scrolltrigger matchmedia is now causing the text to disappear. I saves the styles and set invalidateonRefresh to true, but I'm still getting the errors https://codesandbox.io/s/splittext-example-06zh2v?file=/src/styles.css
  12. Deallie_Digital
    Thanks a lot Jack! It works perfectly!
  13. Deallie_Digital
    I added the revert instance at complete, but I'm still having issues with the Line Breaks. I've seen countless SplitText code on codepen and Code Sand Box and tutorials, but I don't see any examples in which revert was required. Is this a React 18 issue? https://codesandbox.io/s/relaxed-flower-fvkynk?file=/src/App.js
  14. Deallie_Digital
    The text loads fine and SplitText works on the all screens, but when I change the screen size, after the initial render the lines begin to break. This is in Chrome. The only time it works is in Display: 'Inline-Block", but that creates another issue with the SplitText Divs messing up the layout of the Container.
  15. Deallie_Digital
    I preloaded the font, so it should load before SplitText.
  16. Deallie_Digital
    https://codesandbox.io/s/black-paper-t0e7j6?file=/src/App.js Hello All Is there any reason why the Splittext Line breaks like this in smaller screens?
  17. Deallie_Digital
    I'm unfamiliar with that function, but I'll take a look and let you know if it worked. Thanks!
  18. Deallie_Digital
    Thanks for the quick reply. Apologies, my CodeSandBox has been acting super buggy lately, so below is a scaled down example in Codepen. To clarify, I have a Carousel infinite loop component that can go left or right based on the props passed. The carousel going right works fine, but for some reason the carousel going left has a gap of unrendered divs after the last div. updated code: https://codepen.io/bubbajaydee/pen/bGLpKwX
  19. Deallie_Digital
    Hello All I'm trying to make and endless loop with two rows going in opposite directions. The first row works fine, but the second row has a bug where there is a gap of unrendered elements after Infatuation. Any ideas on what's going on? Code is Below (Apologies, but I have issues making react Code Pens): https://codesandbox.io/s/test-carousel-forked-s5wtub
  20. Deallie_Digital
    I'm experiencing a similar issue. I assume Split Text should not be applied to Font's with clamp?
×
×
  • Create New...