Chrome update ScrollBar Issue

Chrome update ScrollBar Issue

NarghorNarghor Posts: 5Questions: 0Answers: 0

Hi !

Since the last chrome update, about two weeks ago, whenever I use a datatable with a scrollY, there is an annoying horizontal scrollbar that appears.
It seems to break the autoWidth property too.

This bugs seems too big and I can't find any post about it here.

Test case : http://live.datatables.net/jaqijufu/1/edit
It's the border="1" property on the html that breaks everything. Remove it and it's okay (like on the examples in the plugin site)

(debugger is commented in the JS part of the test case)

Replies

  • NarghorNarghor Posts: 5Questions: 0Answers: 0

    Sorry I forgot to put paging:false in my first test case

    Updated Test Case : http://live.datatables.net/jaqijufu/3/edit

    (the horizontal scrollbar is alway here, even when it's not necessary ...)

  • allanallan Posts: 54,881Questions: 1Answers: 8,601 Site admin

    Interestingly, it is happening in Firefox as well. I'm fairly certain it is to do with the borders. I'll look into this and get back to you.

    Allan

  • NarghorNarghor Posts: 5Questions: 0Answers: 0

    Hi Allan,

    Yes the borders that breaks the scrollbars :(

    Can I help you in your analysis ?

    I have scrollbars everywhere and cannot remove my borders

  • stefanovitastefanovita Posts: 1Questions: 0Answers: 0

    Hello, I have the same problem here, do you have a solution?

  • allanallan Posts: 54,881Questions: 1Answers: 8,601 Site admin

    Not yet sorry. I will be looking into this for the next patch release.

    Allan

  • allanallan Posts: 54,881Questions: 1Answers: 8,601 Site admin

    Just been doing some work on diagnosing this and this little bit of CSS should fix it:

    table.dataTable {
      box-sizing: border-box;
    }
    

    http://live.datatables.net/jaqijufu/7/edit .

    It addresses the error in both Chrome and Firefox for me. Does it work for you?

    Thanks,
    Allan

  • NarghorNarghor Posts: 5Questions: 0Answers: 0

    Hello Allan,

    This fix is working perfectly on chrome in my apps !

Sign In or Register to comment.