scrollbar Non Passive Event Listener Error

web
mobile

Topic: scrollbar Non Passive Event Listener Error

Aroquiassamy LA ROZE pro premium asked 11 months 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 11 months ago

Hello,

Could you provide the code that causes this error?


Aroquiassamy LA ROZE pro premium answered 11 months 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 11 months 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 answered 11 months 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 11 months 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.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: Angular
  • MDB Version: 7.4.3
  • Device: Lenova
  • Browser: Chrome 73
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags