Ngx-drag-scroll: Propagação de cliques

Criado em 13 jul. 2018  ·  8Comentários  ·  Fonte: bfwg/ngx-drag-scroll

  • Estou enviando um...

    • [x] relatório de bug

    • [ ] solicitação de recurso

    • [ ] solicitação de suporte => Por favor, não envie solicitação de suporte aqui, veja a nota na parte superior deste modelo.

Estou tendo alguns problemas ao arrastar e soltar o clique, o evento parece não estar parando sua propagação como diz o "Problema #54 - correção: impedir a propagação do clique imediatamente após arrastar e soltar".

  • Versão: 1.8.2
  • Navegador: todos os navegadores de desktop

Todos 8 comentários

Não consigo reproduzir em 2.0.0-beta.3. Você pode me dar os passos de reprodução?

Oi! obrigado pela resposta. Estou tentando percorrer os elementos "divs", talvez esse não seja o caminho certo.
Aqui está o código:

<drag-scroll class="drag-scroll center" #dragScroll scrollbar-hidden='true' drag-scroll-y-disabled='true' snap-disabled='true'>
        <div drag-scroll-item *ngFor="let ah of article_list">
          <col-article [article]="ah"></col-article >
        </div>
 </drag-scroll>

Eu só clico em uma imagem, arrasto, mas quando eu solto, ela apenas me redireciona para o link da imagem. existe outra possibilidade de adicionar um evento "dragend"?

Existe alguma diferença entre rolagem em imagens simples e elementos "divs"?. O resto do módulo está funcionando corretamente e é um trabalho muito bom.

Estou tentando reproduzir o problema em uma demonstração e isso acontece quando o item arrastado é um link. Na Demo, por exemplo, se você alterar qualquer imagem de

<img _ngcontent-c6="" src="assets/img/c3po.png">

para

<a href="http://anyurl.com"><img _ngcontent-c6="" src="assets/img/c3po.png"></a>

ele tem o mesmo comportamento que no meu projeto.

Espero que ajude, abraço!

Implementei um pequeno tratamento no meu código para evitar esse problema.
html:
`

               <div   dragScroll   (reachesLeftBound)="leftBoundStat($event)" (reachesRightBound)="rightBoundStat($event)" #nav > 

                    <div class=" slide-mes"   *ngFor="let item of items " (click)="doAny(item)" >

                    </div>

                </div>

`

texto datilografado:

`

@ViewChild('nav', {read: DragScrollDirective}) ds: DragScrollDirective;
clickEnable = true;
constructor( ) {
}
@HostListener('mousedown', ['$event'])
onMousedown(event) {

    this.clickEnable = true

}
leftBoundStat(reachesLeftBound: boolean) {
    this.leftNavDisabled = reachesLeftBound;
    this.clickEnable = false;
}

rightBoundStat(reachesRightBound: boolean) {
    this.rightNavDisabled = reachesRightBound;
    this.clickEnable = false;
}
doAny(item){
    if(this.clickEnable){
        //do what you whant on click here
    }
}

`

Olá Guilherme! Obrigado pela sua resposta! Isso está funcionando quando você não atinge nenhum dos limites? Porque na minha implementação, eu tenho muitos itens para rolar e ele se propaga de qualquer maneira quando eu solto o clique no meio dele por exemplo e não nos limites especificamente e os eventos de limites só são produzidos quando você atinge um deles ( esquerda ou direito).

Os eventos de limites são produzidos quando você rola o div, coloque um console.log nele para ver.

Obrigada! Funcionou! Mas eu tive que adaptar todos os componentes filho para ouvir os eventos do mouse também. Por isso pedi esse recurso no próprio módulo.

Oi @leogilardi6 , desculpe a demora na resposta. Eu estava sobrecarregado de trabalho.

Eu tentei mudar https://github.com/bfwg/ngx-drag-scroll/blob/develop/demo/app/home/home.component.html#L4 -L12 para

    <drag-scroll class="demo-one"
      drag-scroll-y-disabled="true"
      scrollbar-hidden="true"
      (reachesLeftBound)="leftBoundStat($event)"
      (reachesRightBound)="rightBoundStat($event)"
      #nav
      >
      <a drag-scroll-item *ngFor="let image of imagelist" href="https://www.google.com"><img [src]="'assets/img/' + image" (click)="clickItem(image)"/></a>
    </drag-scroll>

mas não consegui reproduzir na versão 2.0.0-beta.3

ja tentou jogar com a ultima versao?

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

tommykamkcm picture tommykamkcm  ·  17Comentários

BovineEnthusiast picture BovineEnthusiast  ·  5Comentários

MortezaT picture MortezaT  ·  5Comentários

Andi1990 picture Andi1990  ·  7Comentários

bfwg picture bfwg  ·  13Comentários