@vkontakte/vkui 7.11.5 → 7.11.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "type": "module",
-  "version": "7.11.5",
+  "version": "7.11.6",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "module": "./dist/index.js",

package/src/components/CustomScrollView/CustomScrollView.module.css

@@ -20,33 +20,39 @@
   }
 }
 @supports not (scrollbar-color: auto) {
-  .scrollbarHidden::-webkit-scrollbar {
-    display: none;
-  }
+  /**
+   * Android WebView не поддерживает scrollbar-color, поэтому отрисовываем
+   * полосы прокрутки только если основное указательное устройство мышь
+   */
+  @media (--pointer-has) {
+    .scrollbarHidden::-webkit-scrollbar {
+      display: none;
+    }
 
-  .host::-webkit-scrollbar {
-    inline-size: 12px;
-    block-size: 12px;
-    background: 0 0;
-  }
+    .host::-webkit-scrollbar {
+      inline-size: 12px;
+      block-size: 12px;
+      background: 0 0;
+    }
 
-  .host::-webkit-scrollbar-track,
-  .host::-webkit-scrollbar-corner {
-    background: transparent;
-  }
+    .host::-webkit-scrollbar-track,
+    .host::-webkit-scrollbar-corner {
+      background: transparent;
+    }
 
-  .host::-webkit-scrollbar-thumb,
-  .host::-webkit-scrollbar-thumb {
-    background-color: var(--vkui--color_icon_tertiary_alpha);
-    background-clip: padding-box, content-box;
-    border: 3px solid transparent;
-    border-radius: 6px;
-  }
+    .host::-webkit-scrollbar-thumb,
+    .host::-webkit-scrollbar-thumb {
+      background-color: var(--vkui--color_icon_tertiary_alpha);
+      background-clip: padding-box, content-box;
+      border: 3px solid transparent;
+      border-radius: 6px;
+    }
 
-  .host::-webkit-scrollbar-thumb:hover,
-  .host::-webkit-scrollbar-thumb:active {
-    background-color: var(--vkui--color_icon_tertiary_alpha--hover);
-    border: 2px solid transparent;
+    .host::-webkit-scrollbar-thumb:hover,
+    .host::-webkit-scrollbar-thumb:active {
+      background-color: var(--vkui--color_icon_tertiary_alpha--hover);
+      border: 2px solid transparent;
+    }
   }
 }
 

package/src/components/CustomScrollView/CustomScrollView.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./CustomScrollView.module.css"],"names":["host","scrollbarHidden","overscrollBehaviorContain","overscrollBehaviorNone","scrollBehaviorSmooth","horizontalScrollEnabled"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAQEA,M,WARF;AAAA,E,aAaEC,iB,WAbF;AAAA,E,aAsBEA,iB,WAtBF;AAAA,E,aA0BED,M,WA1BF;AAAA,E,aAgCEA,M,WAhCF;AAAA,E,aAiCIA,M,WAjCJ;AAAA,E,aAqCEA,M,WArCF;AAAA,E,aAsCIA,M,WAtCJ;AAAA,E,aA6CEA,M,WA7CF;AAAA,E,aA8CIA,M,WA9CJ;AAAA,E,aAoDAE,2B,WApDA;AAAA,E,aAwDAC,wB,WAxDA;AAAA,E,aA4DAC,sB,WA5DA;AAAA,E,aAgEAC,yB,WAhEA;AAAA;AAAA","file":"CustomScrollView.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./CustomScrollView.module.css"],"names":["host","scrollbarHidden","overscrollBehaviorContain","overscrollBehaviorNone","scrollBehaviorSmooth","horizontalScrollEnabled"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAQEA,M,WARF;AAAA,E,aAaEC,iB,WAbF;AAAA,E,aA2BIA,iB,WA3BJ;AAAA,E,aA+BID,M,WA/BJ;AAAA,E,aAqCIA,M,WArCJ;AAAA,E,aAsCQA,M,WAtCR;AAAA,E,aA0CIA,M,WA1CJ;AAAA,E,aA2CQA,M,WA3CR;AAAA,E,aAkDIA,M,WAlDJ;AAAA,E,aAmDQA,M,WAnDR;AAAA,E,aA0DAE,2B,WA1DA;AAAA,E,aA8DAC,wB,WA9DA;AAAA,E,aAkEAC,sB,WAlEA;AAAA,E,aAsEAC,yB,WAtEA;AAAA;AAAA","file":"CustomScrollView.module.css.d.ts","sourceRoot":""}

package/src/lib/sheet/controllers/BottomSheetController.ts

@@ -321,9 +321,19 @@ export class BottomSheetController {
       sheetScrollEl.contains(targetEl) &&
       sheetScrollEl.scrollHeight > sheetScrollEl.clientHeight
     ) {
-      sheetScrollEl.style.setProperty('overflow-y', 'hidden');
+      const scrollbarWidth = sheetScrollEl.offsetWidth - sheetScrollEl.clientWidth;
+
+      Object.assign(sheetScrollEl.style, {
+        paddingInlineEnd: `${scrollbarWidth}px`,
+        overflowY: 'hidden',
+        boxSizing: 'border-box',
+      });
       return function dispose() {
-        sheetScrollEl.style.removeProperty('overflow-y');
+        Object.assign(sheetScrollEl.style, {
+          paddingInlineEnd: '',
+          overflowY: '',
+          boxSizing: '',
+        });
       };
     }
     return noop;