fix: include touch-action rule for draggable content

adobe · May 12, 2021 · 53221da · 53221da
1 parent 3f507e6
commit 53221da
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/color-slider/src/color-slider.css b/packages/color-slider/src/color-slider.css
@@ -16,6 +16,8 @@ governing permissions and limitations under the License.
     --sp-color-slider-gradient-fallback: rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%,
         rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%,
         rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%;
+
+    touch-action: none;
 }
 
 :host(:not([vertical])) {

diff --git a/packages/slider/src/slider.css b/packages/slider/src/slider.css
@@ -23,8 +23,8 @@ governing permissions and limitations under the License.
     outline-width: 0;
 }
 
-:host {
-    touch-action: pan-y;
+.track {
+    touch-action: none;
 }
 
 .not-exact.ticks {