Merge pull request #9198 from IgniteUI/simeonoff/fix-9180-10.2.x

simeonoff · web-flow · commit 4d0e4de35dd0 · 2021-03-25T20:20:22.000+02:00
fix(scrollbar): shows empty space in iOS Safari
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
@@ -239,6 +239,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`