[docs][Slider] Prevent long presses from triggering context menu or text selection (#1339)

Author: onehanddev

docs/src/app/(public)/(content)/react/components/slider/demos/hero/css-modules/index.module.css

@@ -4,6 +4,8 @@
   align-items: center;
   width: 14rem;
   padding-block: 0.75rem;
+  touch-action: none;
+  user-select: none;
 }
 
 .Track {
@@ -12,11 +14,13 @@
   background-color: var(--color-gray-200);
   box-shadow: inset 0 0 0 1px var(--color-gray-200);
   border-radius: 0.25rem;
+  user-select: none;
 }
 
 .Indicator {
   border-radius: 0.25rem;
   background-color: var(--color-gray-700);
+  user-select: none;
 }
 
 .Thumb {
@@ -25,6 +29,7 @@
   border-radius: 100%;
   background-color: white;
   outline: 1px solid var(--color-gray-300);
+  user-select: none;
 
   &:focus-visible {
     outline: 2px solid var(--color-blue);

docs/src/app/(public)/(content)/react/components/slider/demos/hero/tailwind/index.tsx

@@ -4,10 +4,10 @@ import { Slider } from '@base-ui-components/react/slider';
 export default function ExampleSlider() {
   return (
     <Slider.Root defaultValue={25}>
-      <Slider.Control className="flex w-56 items-center py-3">
-        <Slider.Track className="h-1 w-full rounded bg-gray-200 shadow-[inset_0_0_0_1px] shadow-gray-200">
-          <Slider.Indicator className="rounded bg-gray-700" />
-          <Slider.Thumb className="size-4 rounded-full bg-white outline outline-1 outline-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-800" />
+      <Slider.Control className="flex w-56 touch-none items-center py-3 select-none">
+        <Slider.Track className="h-1 w-full rounded bg-gray-200 shadow-[inset_0_0_0_1px] shadow-gray-200 select-none">
+          <Slider.Indicator className="rounded bg-gray-700 select-none" />
+          <Slider.Thumb className="size-4 rounded-full bg-white outline outline-1 outline-gray-300 select-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-800" />
         </Slider.Track>
       </Slider.Control>
     </Slider.Root>