templaza / astroid-framework

Powerful framework for designers and developers to create responsive, fast & robust Joomla based websites and templates.
https://astroidframe.work/
GNU General Public License v3.0
86 stars 15 forks source link

Overflow with mousewheel #863

Open fontanil opened 6 days ago

fontanil commented 6 days ago

Describe the bug Use an extension for download files, like Phoca download

To Reproduce Steps to reproduce the behavior: Open a page for download (for example https://www.joomxtensions.com/en/component/phocadownload/file/49-moovjla-2021-06-01.html?catid=1:utilitaires&Itemid=131 ) Try to scroll over the licence text: all the window scroll, not only the content of the text area

Expected behavior Text scrolls with mouse wheel (works with Cassiopeia)

System Informations (please complete the following information):

sonvnn commented 4 days ago

This is an issue when you enable Smooth-Scrolling. Because we are using Lenis smooth scrolling. The solution below:

  1. Disable Smooth-Scroll in the template options
  2. Add data-lenis-prevent attribute to <div id="phoca-dl-license" style="height:300px">. Try <div id="phoca-dl-license" data-lenis-prevent="" style="height:300px"> refer https://github.com/darkroomengineering/lenis/discussions/242
fontanil commented 4 days ago

Thanks Sonny!

I disabled Smooth scrolling and now I can scroll with the mouse wheel, without applying the second part of your solution. Regards,