Tagliavia Posted April 1, 2022 Share Posted April 1, 2022 Hi I have an scroll trigger pinned that im creating after the SmoothScroller For some reason it isn't updating the content height after the pin spacer is added to the DOM. Any way to trigger it? Link to comment Share on other sites More sharing options...
OSUblake Posted April 1, 2022 Share Posted April 1, 2022 Hi @Tagliavia It's hard to answer without seeing the problem. Can you make a minimal demo that shows the issue? Thanks! Link to comment Share on other sites More sharing options...
Solution GreenSock Posted April 1, 2022 Solution Share Posted April 1, 2022 Indeed, a minimal demo will definitely help. I will mention, though, that ScrollTrigger.refresh() should force things to get re-measured. Does that help at all? Link to comment Share on other sites More sharing options...
Tagliavia Posted April 1, 2022 Author Share Posted April 1, 2022 Hi folks and thanks for the awesome help here as always!. Turns out I initialized SmoothScroller too soon, scroll trigger refresh didn't resolve the issue about the size of content element of smoothScroller. Moved smoothScroller initialization to window.load event and issue got fixed. Link to comment Share on other sites More sharing options...
OSUblake Posted April 1, 2022 Share Posted April 1, 2022 Great to hear that you got it resolved, but do you think you can still make a minimal demo? We'd like to see problems people are encountering and how we can make stuff better, like adding new features, improving documentation, tutorials, etc. Thanks! Link to comment Share on other sites More sharing options...
Tagliavia Posted April 1, 2022 Author Share Posted April 1, 2022 Sure thing, will try to replicate the issue tonight. Also noticed an issue with the touch event on the wrapper affecting inputs to gain focus on touch. Hope to have them both by tomorrow 1 Link to comment Share on other sites More sharing options...
Tagliavia Posted April 5, 2022 Author Share Posted April 5, 2022 Sorry for the late reply, got complicated with some health issues. I stand corrected regarding scrolltrigger.refresh() adjusting height of smoothscroller content. However it didn't get triggered after creating the scroll trigger instances for the media query. After triggering it directly it fixed the issue. However I have another issue, the touch event on the scroll smoother wrapper on mobile devices, prevents the events to reach the inputs and selects on the form, at the moment I have no way of opening the drop down menu. Any help is appreciated See the Pen YzYYYQB by riccardodev (@riccardodev) on CodePen Link to comment Share on other sites More sharing options...
OSUblake Posted April 6, 2022 Share Posted April 6, 2022 Thanks for the demo. We're looking into to the issue. Link to comment Share on other sites More sharing options...
Tagliavia Posted April 6, 2022 Author Share Posted April 6, 2022 Thank you guys for the support, if you find any work around please let me now... I can turn off the scroll smoother on phones but personally love what you did to normalize the screen size. 2 Link to comment Share on other sites More sharing options...
GreenSock Posted April 7, 2022 Share Posted April 7, 2022 Would you mind trying this beta version of the upcoming release and telling us if it works well for you? https://assets.codepen.io/16327/ScrollTrigger.min.js (you'll likely need to clear your cache to make sure you're getting the latest file). The ScrollSmoother file has been updated too (the CodePen-only one): https://assets.codepen.io/16327/ScrollSmoother.min.js Link to comment Share on other sites More sharing options...
Tagliavia Posted April 7, 2022 Author Share Posted April 7, 2022 Thanks Jack will do and give you feedback!. I appreciate all your help. Link to comment Share on other sites More sharing options...
Tagliavia Posted April 7, 2022 Author Share Posted April 7, 2022 Ok after testing the script issue remains, inputs and select are unable to gain focus on mobile devices. Labels do work transferring focus to the associated input, but do not trigger the open action for the drop down. Tested by downloading the minified file of the beta and importing it at the top of JS file instead of using the node_modules import. Link to comment Share on other sites More sharing options...
GreenSock Posted April 7, 2022 Share Posted April 7, 2022 2 hours ago, Tagliavia said: Ok after testing the script issue remains, inputs and select are unable to gain focus on mobile devices. Labels do work transferring focus to the associated input, but do not trigger the open action for the drop down. Tested by downloading the minified file of the beta and importing it at the top of JS file instead of using the node_modules import. What device(s) are you testing on? It seemed to work well on my iOS device. I tapped and it immediately brought up the keyboard to start inputting. Same with the <select>. Maybe you have a cached version? Please make sure you're using the latest beta of ScrollTrigger and ScrollSmoother. Link to comment Share on other sites More sharing options...
Tagliavia Posted April 7, 2022 Author Share Posted April 7, 2022 My bad Jack I did use the beta of scroll smoother but didn't use the beta of scroll trigger. Will try immediately. Question will I be able to download these beta for use on my current project?. Link to comment Share on other sites More sharing options...
Tagliavia Posted April 7, 2022 Author Share Posted April 7, 2022 Thanks Jack I can confirm it is working on IOS, tested android in browser stack Select is getting focus but drop down is not opening inputs behave as expected. Link to comment Share on other sites More sharing options...
GreenSock Posted April 10, 2022 Share Posted April 10, 2022 @Tagliavia would you mind clearing your cache and trying again? I've made some improvements. Seems to work fine on my Android device. Link to comment Share on other sites More sharing options...
GreenSock Posted April 13, 2022 Share Posted April 13, 2022 You can update to 3.10.3 and I suspect that'll work better for you. 👍 Link to comment Share on other sites More sharing options...
Tagliavia Posted April 15, 2022 Author Share Posted April 15, 2022 Sorry for the late response Jack been a very busy week. Your timing is perfect and I will be able to use smoothscroller for my product. Thank you all for the amazing support and follow up!. 2 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now