Topic: scrollbar Non Passive Event Listener Error

Aroquiassamy LA ROZE priority asked 5 years ago


hi Damian

I getting warning like this on my chrome console..as

[Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive

while using your material-scrollbar


Aroquiassamy LA ROZE priority answered 5 years ago


Yay this code and I customized both scrollbar color on page and side-nav color with

scrollbar-night-fade thin


Arkadiusz Idzikowski staff commented 5 years ago

I can't reproduce this problem on my end. Can you check if this warning appears even on new application/view (when there is only scrollbar on the page)? Do you use any listeners on the scroll event?


Arkadiusz Idzikowski staff answered 5 years ago


I asked for some code because after reading the description of the problem I can't be sure which component you use. The material-scrollbar should not be responsible for this warning because there are no 'touchstart' listeners.

Did you use this code or the code of some other component?

<div class="scrollbar scrollbar-primary">
  <div class="force-overflow"></div>
</div>

Aroquiassamy LA ROZE priority answered 5 years ago


This Warning has been shown on whole Project because I'm using MDB scrollbar...how can I send the whole project code..?


Arkadiusz Idzikowski staff answered 5 years ago


Hello,

Could you provide the code that causes this error?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 7.4.3
  • Device: Lenova
  • Browser: Chrome 73
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No