title: Unable to preventDefault inside passive event listener due to target being treated as passive? Why this error upon scrolling?
body: <p>I am using chrome latest version. My application throws error:</p>
  
  <pre><code>Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312
  </code></pre>
  
  <p>It hinders it ability to properly scroll i.e. jerky scroll. I tried many solutions on the internet but it couldn't solve it. </p>
  
  <p>Please help me on this. I am using css3, bootstrap and html. I tried to add passive attribute etc but seems like nothing is working.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  
      &lt;!-- Google Tag Manager --&gt;
      &lt;script&gt;
          (function (w, d, s, l, i) {
              w[l] = w[l] || []; w[l].push({
                  'gtm.start':
                      new Date().getTime(), event: 'gtm.js'
              }); var f = d.getElementsByTagName(s)[0],
                  j = d.createElement(s), dl = l != 'dataLayer' ? '&amp;l=' + l : ''; j.async = true; j.src =
                      'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
          })(window, document, 'script', 'dataLayer', 'GTM-W9FNBLV');&lt;/script&gt;
      &lt;!-- End Google Tag Manager --&gt;
      &lt;!--  --&gt;
      &lt;!--    Document Title--&gt;
      &lt;!-- =============================================--&gt;
      &lt;!--&lt;title&gt;Velosi | Asset Integrity Ltd.&lt;/title&gt;--&gt;
      &lt;title&gt;@ViewBag.Title&lt;/title&gt;
      @RenderSection("head", false)
      &lt;!--  --&gt;
      &lt;!--    JavaScripts--&gt;
      &lt;!--    =============================================--&gt;
      &lt;script src="~/Scripts/modernizr-2.8.3.js"&gt;&lt;/script&gt;
      @*&lt;script src="~/Scripts/modernizr-2.8.3.js"&gt;&lt;/script&gt;*@
      &lt;link href="~/Content/Theme/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;script src="~/Scripts/jquery-3.3.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Scripts/popper.min.js"&gt;&lt;/script&gt;
      &lt;link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Open+Sans:300,400,600,700,800" rel="stylesheet" /&gt;
      &lt;link href="~/Content/Theme/lib/iconsmind/iconsmind.css" rel="stylesheet"&gt;
      &lt;link href="~/Content/External/css/ionicons.min.css" rel="stylesheet" /&gt;
      &lt;script src="~/Scripts/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/lib/imagesloaded/imagesloaded.pkgd.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/lib/gsap/src/minified/TweenMax.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/lib/CustomEase.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/js/config.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/js/zanimation.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/lib/owl.carousel/dist/owl.carousel.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/lib/remodal/dist/remodal.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/lib/lightbox2/dist/js/lightbox.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/lib/flexslider/jquery.flexslider-min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/js/core.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/js/main.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/External/js/jquery.slidereveal.min.js"&gt;&lt;/script&gt;
      &lt;!-- DataTable --&gt;
      &lt;script src="~/Content/Theme/DataTables-1.10.18/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/DataTables-1.10.18/js/dataTables.bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/FixedHeader-3.1.4/js/dataTables.fixedHeader.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/Responsive-2.2.2/js/dataTables.responsive.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/Responsive-2.2.2/js/responsive.bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;!-- Datepicker --&gt;
      &lt;script src="~/Content/Theme/select2/dist/js/select2.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Content/Theme/Toaster/toastr.js"&gt;&lt;/script&gt;
      @RenderSection("scripts", required: false)
  
  
      &lt;!--    Favicons--&gt;
      &lt;!--    =============================================--&gt;
      &lt;link rel="apple-touch-icon" sizes="180x180" href="~/Content/Theme/images/favicons/apple-touch-icon.png"&gt;
      &lt;link rel="icon" type="image/png" sizes="32x32" href="~/Content/Theme/images/favicons/favicon-32x32.png"&gt;
      &lt;link rel="icon" type="image/png" sizes="16x16" href="~/Content/Theme/images/favicons/favicon-16x16.png"&gt;
      &lt;link rel="shortcut icon" type="image/x-icon" href="~/Content/Theme/images/favicons/favicon.ico"&gt;
      @*&lt;link rel="manifest" href="~/Content/Theme/images/favicons/manifest.json"&gt;*@
      &lt;link rel="mask-icon" href="~/Content/Theme/images/favicons/safari-pinned-tab.svg" color="#5bbad5"&gt;
      &lt;meta name="msapplication-TileImage" content="~/Content/Theme/images/favicons/mstile-150x150.png"&gt;
      &lt;meta name="theme-color" content="#ffffff"&gt;
      &lt;!--  --&gt;
      &lt;!--    Stylesheets--&gt;
      &lt;!--    =============================================--&gt;
      &lt;!-- Default stylesheets--&gt;
      &lt;!-- Template specific stylesheets--&gt;
      &lt;link href="~/Content/Theme/lib/loaders.css/loaders.min.css" rel="stylesheet" /&gt;
      &lt;link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Open+Sans:300,400,600,700,800" rel="stylesheet"&gt;
      &lt;link href="~/Content/Theme/lib/iconsmind/iconsmind.css" rel="stylesheet"&gt;
      &lt;link href="~/Content/External/css/ionicons.min.css" rel="stylesheet" /&gt;
      &lt;link href="~/Content/Theme/lib/hamburgers/dist/hamburgers.min.css" rel="stylesheet"&gt;
      &lt;link href="~/Content/Theme/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"&gt;
      &lt;link href="~/Content/Theme/lib/owl.carousel/dist/assets/owl.carousel.min.css" rel="stylesheet"&gt;
      &lt;link href="~/Content/Theme/lib/owl.carousel/dist/assets/owl.theme.default.min.css" rel="stylesheet"&gt;
      &lt;link href="~/Content/Theme/lib/remodal/dist/remodal.css" rel="stylesheet"&gt;
      &lt;link href="~/Content/Theme/lib/remodal/dist/remodal-default-theme.css" rel="stylesheet"&gt;
      &lt;link href="~/Content/Theme/lib/flexslider/flexslider.css" rel="stylesheet"&gt;
      &lt;link href="~/Content/Theme/lib/lightbox2/dist/css/lightbox.css" rel="stylesheet"&gt;
      &lt;link href="~/Content/Theme/Toaster/toastr.css" rel="stylesheet" /&gt;
      &lt;!-- Main stylesheet and color file--&gt;
      &lt;link href="~/Content/Theme/css/style.css" rel="stylesheet"&gt;
      &lt;link href="~/Content/Theme/css/custom.css" rel="stylesheet"&gt;
      &lt;!-- DataTable --&gt;
      &lt;link href="~/Content/Theme/DataTables-1.10.18/css/dataTables.bootstrap.min.css" rel="stylesheet" /&gt;
      &lt;link href="~/Content/Theme/FixedHeader-3.1.4/css/fixedHeader.bootstrap.min.css" rel="stylesheet" /&gt;
      &lt;link href="~/Content/Theme/Responsive-2.2.2/css/responsive.bootstrap.min.css" rel="stylesheet" /&gt;
      &lt;!-- Datepicker --&gt;
      &lt;link href="~/Content/Theme/select2/dist/css/select2.min.css" rel="stylesheet" /&gt;
      &lt;link href="~/Content/Site.css" rel="stylesheet" /&gt;
  
  
  
  
  &lt;/head&gt;
  &lt;body data-spy="scroll" data-target=".inner-link" data-offset="60"&gt;
      &lt;!-- Google Tag Manager (noscript) --&gt;
      &lt;noscript&gt;
          &lt;iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W9FNBLV"
                  height="0" width="0" style="display:none;visibility:hidden"&gt;&lt;/iframe&gt;
      &lt;/noscript&gt;
      &lt;!-- End Google Tag Manager (noscript) --&gt;
  
      &lt;main&gt;
          &lt;div class="loading" id="preloader"&gt;
              &lt;div class="loader h-100 d-flex align-items-center justify-content-center"&gt;
                  &lt;div class="line-scale"&gt;
                      &lt;div&gt;&lt;/div&gt;
                      &lt;div&gt;&lt;/div&gt;
                      &lt;div&gt;&lt;/div&gt;
                      &lt;div&gt;&lt;/div&gt;
                      &lt;div&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          @Html.Partial("_Header")
  
  
          @*&lt;button class="btn btn-md btn-round btnEmailUs RequestCallBackIcon" id="trigger"&gt;&lt;i class="fa fa-phone fa-lg"&gt;&lt;/i&gt;&lt;/button&gt;*@
          &lt;div style="display: flex; justify-content: flex-end;" class="m-2"&gt;
              &lt;button class="right btn btn-md btn-round btnEmailUs1 RequestCallBackIcon" id="trigger"&gt;&lt;i class="fa fa-phone fa-lg"&gt;&lt;/i&gt;&lt;/button&gt;
          &lt;/div&gt;
  
  
          &lt;div id='slider' class="card text-white bg-dark EnquiryLowerBody" style="max-width: 20rem; display:none;"&gt;
              &lt;div class="card-header header-callback"&gt;Request Callback&lt;/div&gt;
              @using (Html.BeginForm("EnquiryForm", "Home", null, FormMethod.Post, new { @class = "mt-3" }))
              {
                  &lt;div class="card-body CardBody"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;div class="col-md-12"&gt;
                              &lt;input type="text" id="name" name="name" oninput="this.value = this.value.replace(/[0-9]/, '');" class="form-control" placeholder="Your name" required&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;div class="col-md-12"&gt;
                              &lt;input type="text" oninput="this.value = this.value.replace(/[^0-9]/g, '');" id=" mobileno" name="mobileno" class="form-control" placeholder="00971 XX XXXXXXX" required&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;div class="col-md-12"&gt;
                              &lt;input type="email" id="email" name="email" class="form-control" placeholder="name@domain.com" required&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;div class="col-md-12"&gt;
                              &lt;select class="d-flex flex-wrap" name="MainServiceName" id="MainServices"&gt;
                                  &lt;option selected value="m-None"&gt;-Select-&lt;/option&gt;
                                  &lt;option value="m-SS"&gt;Software Services&lt;/option&gt;
                                  &lt;option value="m-AIMS"&gt;Asset Integrity Management Services&lt;/option&gt;
                                  &lt;option value="m-HSE"&gt;HSE &amp; Environmental Services&lt;/option&gt;
                                  &lt;option value="m-ES"&gt;Engineering Services&lt;/option&gt;
                                  &lt;option value="Other"&gt;Other&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div id="divSubServices" class="form-group"&gt;
                          &lt;div class="col-md-12"&gt;
                              &lt;select class="d-flex flex-wrap" name="SubServiceName" id="SubServices"&gt;
  
                                  &lt;option class="" selected value="s-None"&gt;-Select-&lt;/option&gt;
                                  &lt;option class="SoftwareServices" value="s-AIMS"&gt;VAIL-Plant (Asset Integrity Management System)&lt;/option&gt;
                                  &lt;option class="SoftwareServices" value="s-PHA"&gt;VAIL-PHA (Process Hazard Analysis)&lt;/option&gt;
                                  &lt;option class="SoftwareServices" value="s-PSRA"&gt;VAIL-PSRA (Petrol Station Risk Assessment)&lt;/option&gt;
                                  &lt;option class="SoftwareServices" value="s-MTS"&gt;VAIL-MTS (Material Tracking System)&lt;/option&gt;
  
                                  &lt;option class="AIMS" value="s-RBI"&gt;Risk Based Inspection (RBI)&lt;/option&gt;
                                  &lt;option class="AIMS" value="s-RCM"&gt;Reliability Centered Maintenance(RCM)&lt;/option&gt;
                                  &lt;option class="AIMS" value="s-SIL"&gt;Safety Integrity Level (SIL)&lt;/option&gt;
                                  &lt;option class="AIMS" value="s-PIMS"&gt;Pipeline Inspection Management System (Onshore &amp; Offshore)&lt;/option&gt;
  
                                  &lt;option class="HSE" value="s-HSECES"&gt;Health, Safety &amp; Environmental Critical Equipment Systems (HSECES)&lt;/option&gt;
                                  &lt;option class="HSE" value="s-AM"&gt;Risk Assessment &amp; Management&lt;/option&gt;
                                  &lt;option class="HSE" value="s-OH"&gt;Occupational Health&lt;/option&gt;
                                  &lt;option class="HSE" value="s-EMP"&gt;Emergency Management &amp; Planning&lt;/option&gt;
                                  &lt;option class="HSE" value="s-HS"&gt;HSEIA Studies&lt;/option&gt;
                                  &lt;option class="HSE" value="s-ES"&gt;Environmental Services&lt;/option&gt;
  
                                  &lt;option class="EngineeringServices" value="s-FFS"&gt;Fitness for Services(FFS)&lt;/option&gt;
                                  &lt;option class="EngineeringServices" value="s-CDFDECS"&gt;Conceptual Design, FEED, Detailed Design and Engineering Consultancy Services&lt;/option&gt;
                                  &lt;option class="EngineeringServices" value="s-OMP"&gt;Operating Manuals &amp; Procedures&lt;/option&gt;
                                  &lt;option class="EngineeringServices" value="s-DVA"&gt;Design Verification &amp; Appraisal&lt;/option&gt;
                                  &lt;option class="EngineeringServices" value="s-ABDS"&gt;As-Built Drafting Services&lt;/option&gt;
  
                                  &lt;option value="Other"&gt;Other&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div id="divDescription" class="form-group"&gt;
                          &lt;div class="col-md-12"&gt;
                              &lt;input type="text" id="Description" name="Description" class="form-control" placeholder="Description"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div id="divDescription" class="form-group"&gt;
                          &lt;div class="col-md-12"&gt;
                              &lt;button id="btnSubmit" class="btn btn-primary BtnSubmitEnquiry"&gt;Submit&lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
              }
  
          &lt;/div&gt;
  
          @RenderBody()
          &lt;div id="cookieConsent"&gt;
              &lt;div id="closeCookieConsent"&gt;x&lt;/div&gt;
              We use tools, such as cookies, to enable essential services and functionality on our site and to collect data on how visitors                   interact with our site, products and services. &lt;a class="cookieConsentOK"&gt;Got it&lt;/a&gt;
          &lt;/div&gt;
  
          @Html.Partial("_Footer")
  
      &lt;/main&gt;
      &lt;!--  --&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
  
          $("#divDescription").hide();
          $("#divSubServices").hide();
  
          if (!sessionStorage.getItem("firstVisit")) {
  
              sessionStorage.setItem("firstVisit", true);
  
              setTimeout(function () {
                  $("#cookieConsent").fadeIn(200);
              }, 4000);
              $("#closeCookieConsent, .cookieConsentOK").click(function () {
                  $("#cookieConsent").fadeOut(200);
              });
          }
  
          //setTimeout(function () {
          //    $("#cookieConsent").fadeIn(200);
          //}, 4000);
          //$("#closeCookieConsent, .cookieConsentOK").click(function () {
          //    $("#cookieConsent").fadeOut(200);
          //});
  
  
      });
  
      $("#trigger").click(
          function()
          {
              $("#slider").show();
  
  
          }
      );
  
      $("#slider").slideReveal({
          trigger: $("#trigger"),
          position: "right",
          push: false,
          overlay: true
  
      });
  
  
  
      $("#MainServices").change(function () {
          var OptionSelected = $(this).find("option:selected");
          var ValueSelected = OptionSelected.val();
  
          if (ValueSelected == "Other") {
  
              $("#SubServices").val("s-None");
              $('#divSubServices').hide();
              $('#divDescription').show();
  
          }
          else {
              $('#divSubServices').show();
              $('#divDescription').hide();
          }
  
          //Software Services
  
          if (ValueSelected == "m-None") {
  
              $("#SubServices").val("s-None");
              $('#divSubServices').hide();
  
              return;
          }
  
          if (ValueSelected == "s-None") {
  
              $('#divDescription').hide();
  
              return;
          }
  
          if (ValueSelected == "m-SS") {
  
              $("#SubServices").show();
              var drpSubServices = $('#SubServices');
  
              drpSubServices.children('option[class=SoftwareServices]').show();
  
              drpSubServices.children('option[class=HSE]').hide();
  
              drpSubServices.children('option[class=AIMS]').hide();
  
              drpSubServices.children('option[class=EngineeringServices]').hide();
  
              return;
  
          }
  
          //AIMS
          if (ValueSelected == "m-AIMS") {
  
              $("#SubServices").show();
  
              var drpSubServices = $('#SubServices');
  
              drpSubServices.children('option[class=SoftwareServices]').hide();
  
              drpSubServices.children('option[class=HSE]').hide();
  
              drpSubServices.children('option[class=AIMS]').show();
  
              drpSubServices.children('option[class=EngineeringServices]').hide();
  
              return;
  
          }
  
          //HSE
          if (ValueSelected == "m-HSE") {
  
              $("#SubServices").show();
  
              var drpSubServices = $('#SubServices');
  
              drpSubServices.children('option[class=SoftwareServices]').hide();
  
              drpSubServices.children('option[class=HSE]').show();
  
              drpSubServices.children('option[class=AIMS]').hide();
  
              drpSubServices.children('option[class=EngineeringServices]').hide();
  
              return;
  
          }
  
          //Engineering Services
          if (ValueSelected == "m-ES") {
  
              $("#SubServices").show();
  
              var drpSubServices = $('#SubServices');
  
              drpSubServices.children('option[class=SoftwareServices]').hide();
  
              drpSubServices.children('option[class=HSE]').hide();
  
              drpSubServices.children('option[class=AIMS]').hide();
  
              drpSubServices.children('option[class=EngineeringServices]').show();
  
              return;
  
          }
      });
  
      $("#SubServices").change(function () {
          var OptionSelected = $(this).find("option:selected");
          var ValueSelected = OptionSelected.val();
          if (ValueSelected == "Other") {
  
              $('#divDescription').show();
  
          }
          else {
  
              $('#divDescription').hide();
          }
      });
  
      $("#btnSubmit").click(function () {
  
          var name = $("#name").val();
          var email = $("#email").val();
          var mobileno = $("#mobileno").val();
          var MainServiceName = $("#MainServices").find(":selected").text();
          var SubServiceName = $("#SubServices").find(":selected").text();
          var Description = $("#Description").val();
  
  
          var EnquiryForm = {
              'name': name,
              'email': email,
              'mobileno': mobileno,
              'MainServiceName': MainServiceName,
              'SubServiceName': SubServiceName,
              'Description': Description
          }
          //alert(EnquiryFormViewModel.name);
          @*$.post("/Home/EnquiryForm", EnquiryForm, function(returnedData) {
              //alert(returnedData.data);
  
              window.location.href= '@Url.Action("Thankyou", "Others", new {message= "Thank you for contacting us. We'll get back to you soon." })';
  
          });*@
  
  
  
      });
  
  &lt;/script&gt;
  </code></pre>