Update

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 14.0.0
+
+- fix: Scrollbar buttons - arrow icons are not being displayed in Safari mobile.
+
 ## 14.0.0-beta.8
 
 - feat: Support complex markup with `scrollToElement` function, closes [#268](https://github.com/MurhafSousli/ngx-scrollbar/issues/268). 

package.json

@@ -14,44 +14,44 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.3.0",
-    "@angular/cdk": "^17.3.0",
-    "@angular/common": "^17.3.0",
-    "@angular/compiler": "^17.3.0",
-    "@angular/core": "^17.3.0",
-    "@angular/forms": "^17.3.0",
-    "@angular/material": "^17.3.0",
-    "@angular/platform-browser": "^17.3.0",
-    "@angular/platform-browser-dynamic": "^17.3.0",
-    "@angular/platform-server": "^17.3.0",
-    "@angular/router": "^17.3.0",
-    "@angular/ssr": "^17.3.0",
+    "@angular/animations": "^17.3.1",
+    "@angular/cdk": "^17.3.1",
+    "@angular/common": "^17.3.1",
+    "@angular/compiler": "^17.3.1",
+    "@angular/core": "^17.3.1",
+    "@angular/forms": "^17.3.1",
+    "@angular/material": "^17.3.1",
+    "@angular/platform-browser": "^17.3.1",
+    "@angular/platform-browser-dynamic": "^17.3.1",
+    "@angular/platform-server": "^17.3.1",
+    "@angular/router": "^17.3.1",
+    "@angular/ssr": "^17.3.1",
     "@swimlane/ngx-datatable": "^20.1.0",
-    "ag-grid-angular": "^31.1.1",
+    "ag-grid-angular": "^31.2.0",
     "chance": "^1.1.11",
-    "express": "^4.18.2",
+    "express": "^4.19.1",
     "ng-zorro-antd": "^17.3.0",
     "ngx-color-picker": "^16.0.0",
     "ngx-infinite-scroll": "^17.0.0",
-    "primeng": "^17.11.0",
+    "primeng": "^17.12.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.0",
+    "@angular-devkit/build-angular": "^17.3.1",
     "@angular-eslint/builder": "17.3.0",
     "@angular-eslint/eslint-plugin": "17.3.0",
     "@angular-eslint/eslint-plugin-template": "17.3.0",
     "@angular-eslint/schematics": "17.3.0",
     "@angular-eslint/template-parser": "17.3.0",
-    "@angular/cli": "^17.3.0",
-    "@angular/compiler-cli": "^17.3.0",
+    "@angular/cli": "^17.3.1",
+    "@angular/compiler-cli": "^17.3.1",
     "@types/express": "^4.17.17",
     "@types/jasmine": "~5.1.0",
-    "@types/node": "^20.11.28",
-    "@typescript-eslint/eslint-plugin": "7.2.0",
-    "@typescript-eslint/parser": "7.2.0",
+    "@types/node": "^20.11.30",
+    "@typescript-eslint/eslint-plugin": "7.3.1",
+    "@typescript-eslint/parser": "7.3.1",
     "eslint": "^8.57.0",
     "jasmine-core": "^5.1.2",
     "karma": "~6.4.0",
@@ -62,4 +62,4 @@
     "ng-packagr": "^17.3.0",
     "typescript": "~5.2.2"
   }
-}
+}

projects/ngx-scrollbar-demo/src/app/example2/example2.component.ts

@@ -103,8 +103,6 @@ export class Example2Component {
   }
 
   onScrollbarUpdate(scrollbarRef: NgScrollbarExt, duration: number = 0): void {
-    scrollbarRef.scrollTo({ bottom: 0, duration }).then(() => {
-      console.log(NgZone.isInAngularZone())
-    });
+    scrollbarRef.scrollTo({ bottom: 0, duration });
   }
 }

projects/ngx-scrollbar-demo/src/app/sponsors/sponsors.component.scss

@@ -3,6 +3,7 @@
   padding-bottom: 5em;
   position: relative;
   z-index: 1000;
+  color: white;
 
   > div {
     flex: 1;

projects/ngx-scrollbar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-scrollbar",
-  "version": "14.0.0-beta.8",
+  "version": "14.0.0",
   "license": "MIT",
   "homepage": "https://ngx-scrollbar.netlify.com/",
   "author": {

projects/ngx-scrollbar/src/lib/button/scrollbar-button.component.html

@@ -1,5 +1,8 @@
 <div class="ng-scrollbar-button-icon">
-  <svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+  <svg width="var(--scrollbar-button-size)"
+       height="var(--scrollbar-button-size)"
+       viewBox="0 0 512 512"
+       xmlns="http://www.w3.org/2000/svg">
     <path
       d="M413.1,327.3l-1.8-2.1l-136-156.5c-4.6-5.3-11.5-8.6-19.2-8.6c-7.7,0-14.6,3.4-19.2,8.6L101,324.9l-2.3,2.6  C97,330,96,333,96,336.2c0,8.7,7.4,15.8,16.6,15.8v0h286.8v0c9.2,0,16.6-7.1,16.6-15.8C416,332.9,414.9,329.8,413.1,327.3z"/>
   </svg>