fix(scrollbar): shows empty space in iOS Safari

simeonoff · simeonoff · commit aad28c8f4d6e · 2021-03-24T16:11:24.000+02:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/drop-down/_drop-down-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/drop-down/_drop-down-theme.scss
@@ -262,6 +262,7 @@
     %igx-drop-down__list-scroll {
         overflow-y: auto;
         overflow-x: hidden;
+        -webkit-overflow-scrolling: touch;
         position: relative;
 
         igx-input-group {
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/scrollbar/scrollbar-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/scrollbar/scrollbar-theme.scss
@@ -71,5 +71,12 @@
             background: --var($theme, 'thumb-background');
         }
     }
+
+    @media (hover: none) {
+        %scrollbar-display ::-webkit-scrollbar {
+            width: auto;
+            height: auto;
+        }
+    }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -71,5 +71,12 @@`
`71`	`71`	`background: --var($theme, 'thumb-background');`
`72`	`72`	`}`
`73`	`73`	`}`
	`74`	`+`
	`75`	`+ @media (hover: none) {`
	`76`	`+ %scrollbar-display ::-webkit-scrollbar {`
	`77`	`+ width: auto;`
	`78`	`+ height: auto;`
	`79`	`+ }`
	`80`	`+ }`
`74`	`81`	`}`
`75`	`82`