Scroller extension misbehaves when using html img tag inside tds

Scroller extension misbehaves when using html img tag inside tds

Mario#Mario# Posts: 7Questions: 3Answers: 0

Hi everyone!

Found this issue with the scroller extension.
Using html img tags inside the datatable causes, when the scroller has reached the end, the loading of data that does not exist.

Link to test case: https://jsfiddle.net/27jaumnf/

Sometimes it happend despite the img tag but I had no luck reproducing it in the fiddle.

Thanks for your help.

Mario

This question has accepted answers - jump to:

Answers

  • colincolin Posts: 15,143Questions: 1Answers: 2,586

    Thanks for the test case, but I'm not seeing a problem. Please could provide steps on how to reproduce,

    Colin

  • Mario#Mario# Posts: 7Questions: 3Answers: 0

    Hi Colin!

    here a gif that hopefully will explain the problem:

    Thanks!

    Mario

  • allanallan Posts: 61,715Questions: 1Answers: 10,106 Site admin
    Answer ✓

    Hi Mario,

    Its due to the row number indicator - it is overflowing the container resulting in being able to scroll further than you should. Thanks for letting us know about that, we'll get it fixed for the next release of Scroller.

    In the meantime, a workaround is to hide the label:

    div.dts_label {
      display: none !important;
    }
    

    Example: https://jsfiddle.net/80najpto/ .

    Allan

  • Mario#Mario# Posts: 7Questions: 3Answers: 0

    Thank you Allan and Colin for your help.

    Cheers!

    Mario

  • allanallan Posts: 61,715Questions: 1Answers: 10,106 Site admin
    Answer ✓

    Just to say I've committed a fix for this issue now. It will be in the nightly shortly and in the next patch release of Scroller.

    Allan

This discussion has been closed.