scrollbar Non Passive Event Listener Error


Topic: scrollbar Non Passive Event Listener Error

Aroquiassamy LA ROZE pro premium priority asked 6 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


Arkadiusz Idzikowski staff answered 6 years ago

Hello,

Could you provide the code that causes this error?


Aroquiassamy LA ROZE pro premium priority answered 6 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 6 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 pro premium priority answered 6 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 6 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?


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
  • User: Pro
  • 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
Tags