mobilde kaydırma işlemi yapılabiliyor. ya da mousepad ile iki parmakla kaydırınca scroll olan alanı yine kayıyor fakat mouse ile herhangi bir elemanı tutup sürükleyince kaymıyor.

html yapısı şu şekilde

<div class="categories-container">
    <div class="categories" v-for="category in categories">
        {{ category.name }}
    </div>
</div>

css yapısı şu şekilde.

@mixin categories {
    .categories-container {
        @include flex-between;
        overflow-x: auto;
        margin-top: 10px;
        gap: 10px;
        padding: 10px 0;
        background-color: $white;
        &::-webkit-scrollbar {
            height: 3px;
            cursor: pointer;
        }
        .categories {
            padding: 3px 15px;
            border-radius: 8px;
            cursor: pointer;
            flex-shrink: 0;
            user-select: none;
            overflow-y: auto;
            background-color: $lightgray;
        }
    }
}

önizlemesini şu şekilde bırakıyorum