Ngx-drag-scroll: ड्रैग एंड ड्रॉप के तुरंत बाद क्लिक के प्रसार को रोकें

@Sprauch
इस समस्या की रिपोर्ट करने के लिए धन्यवाद, क्या आप इस बग के लिए पीआर बनाना चाहेंगे?

नहीं, मैं अभी भी इसमें थोड़ा बहुत नया हूँ। 18 महीने से भी कम समय पहले कोणीय में विकसित होना शुरू हुआ और कल गिटहब में शामिल हो गया;)

कोई बात नहीं, समय मिलने पर मैं इसे ठीक करने की कोशिश करूंगा।

हे दोस्तों, मेरे पास भी यह समस्या है, क्या फिक्स/वर्कअराउंड के साथ कोई प्रगति है?

अरे @stuart-clark-45

मैं v2.0 के लिए रिलीज़ पर काम कर रहा हूँ, आशा है कि यह समस्या तब तक दूर हो जाएगी। यदि नहीं, तो मैं वापस आऊंगा और इसे ठीक कर दूंगा।

@bfwg बहुत बहुत धन्यवाद, इस बग के अलावा वास्तव में अच्छी छोटी लाइब्रेरी। क्या आपके पास इस बारे में कोई विचार है कि आप v2.0 कब जारी कर सकते हैं?

@ स्टुअर्ट-क्लार्क-45

ठीक है, 2.0 की प्रगति को #66 #68 में ट्रैक किया जा सकता है। थोड़ी जाँच-पड़ताल के बाद, समस्या का समाधान मेरी अपेक्षा से अधिक कठिन है। मैं 2.0 रिलीज के ठीक बाद इसे ठीक करने के लिए एक नया पीआर बनाने की कोशिश करूंगा। विलंब के लिए क्षमा चाहते हैं।

@bfwg बहुत बढ़िया लगता है कि आप चीजों के शीर्ष पर हैं, बहुत बहुत धन्यवाद: अंगूठे:

मुझे नहीं पता कि यह संबंधित है या नहीं, लेकिन मैं माउस-डाउन का उपयोग करके और टेक्स्ट को हाइलाइट करके अपने किसी भी कोणीय ऐप पर टेक्स्ट का चयन नहीं कर सकता। यह ड्रैगस्क्रॉल मॉड्यूल आयात करने के बाद होता है। मैं डेमो पेज पर गया और सत्यापित टेक्स्ट-सिलेक्शन भी उस पेज पर बिल्कुल भी काम नहीं कर रहा है।

पृष्ठ पर कहीं भी, अभी पाठ का चयन करने का एकमात्र तरीका है, पाठ को हाइलाइट करने के लिए माउस डबल क्लिक और कीबोर्ड का उपयोग करना...

क्या इस व्यवहार को ओवरराइड करने के लिए अस्थायी रूप से कुछ किया जा सकता है?

मैंने यह पता लगाने के लिए (पहुंच लेफ्टबाउंड) का उपयोग करके इसे हल किया है कि क्लिक को रोकने के लिए इसे खींचा जा रहा है या नहीं।
अपने ड्रैगस्क्रॉल में जोड़ें (पहुंचें लेफ्टबाउंड)
<div dragScroll [scrollbar-hidden]="true" (reachesLeftBound)="leftBoundStat($event)">
अपने div आदि में माउस ईवेंट जोड़ें।
<div (mousedown)="down()" (click)="fire()">
अपने कॉम्पोनेन्ट.ts में निम्नलिखित जोड़ें

click = false;
leftBoundStat(event: any): void {
        if (this.click) {
            this.click = false;
        }
    }

    down() {
        console.log('Mouse down');
        window.setTimeout(this.startCheck(), 1000);
    }

    fire() {
        if (this.click) {
            console.log('Fire the action');

        }
    }
startCheck() {
        this.click = true;
    }

यह क्लिक को रोकेगा यदि इसे खींचा जाना था।
वैसे, स्क्रॉलबार-छिपा अभी भी मेरे लिए काम नहीं करता है। अगर कोई जानता है कि इसे कैसे काम करना है, तो मैं एक पंक्ति की सराहना करता हूं :)

हाय @STIKO , मुझे एक प्लंकर लिंक दे सकते हैं ताकि मैं करीब से देख सकूं?

मैं इसे प्लंकर में काम नहीं कर सका क्योंकि मैंने इसे पहले कभी इस्तेमाल नहीं किया था।
मैंने इसे app.module.ts . में आयात किया है
import {DragScrollModule} from 'ngx-drag-scroll';
फिर मैंने इसे उसी फ़ाइल के @NgModule आयात में जोड़ा
imports: [DragScrollModule];
मैं मान रहा हूं कि ऊपर सही है क्योंकि ड्रैग काम कर रहा है।
अब मेरे घटक में

export class Example implements OnInit {
   @Input() 'scrollbar-hidden': boolean;
}

सुनिश्चित नहीं है कि @Input() आवश्यक है या नहीं। अंत में टेम्पलेट

<div dragScroll scrollbar-hidden="true"
         drag-scroll="true"
         drag-scroll-y-disabled="true"
         snap-disabled="true">

          <div style="display: inline">
            <img src='http://via.placeholder.com/310x471'/>
          </div>
          <div style="display: inline">
            <img src='http://via.placeholder.com/310x471'/>
          </div>
          <div style="display: inline">
            <img src='http://via.placeholder.com/310x471'/>
          </div>
      </div>
</div>

जब मैं स्क्रॉल करता हूं तो सब कुछ ठीक काम करता है, स्क्रॉल बार अभी भी दिख रहा है, भले ही मैंने अक्षम को सत्य पर सेट कर दिया हो

क्या आप आईएमजी टैग के लिए डिव रैपर को हटाने की कोशिश कर सकते हैं और उन्हें चौड़ाई और ऊंचाई दे सकते हैं?
नीचे जैसा कुछ। देखें कि क्या यह आपके लिए समस्या को ठीक करता है।

@Component({
  selector: 'my-app',
  styles: [`
    .image-cell: {
      width: 310px;
      height: 470px;
    }
  `]
  template: `
    <div>
      <h2>Hello {{name}}</h2>
      <div dragScroll 
         drag-scroll-y-disabled="true"
         scrollbar-hidden="true"
         snap-disabled="true" style="height: 470px; width: 310px;">
          <img class="image-cell" src='http://via.placeholder.com/310x471'/>
          <img class="image-cell" src='http://via.placeholder.com/310x471'/>
          <img class="image-cell" src='http://via.placeholder.com/310x471'/>
      </div>
    </div>
  `,
})