Column Visibility Button Issue In IE11 version 1.5.4

Column Visibility Button Issue In IE11 version 1.5.4

bradc3bradc3 Posts: 3Questions: 1Answers: 0

I noticed after updating to version 1.5.4 that the Column visibility dialog is being clipped. It's also not highlighting the buttons when clicked. This is working normally in Chrome, issue is in IE11.

Reverting to version 1.5.2 resolved the problem.

1.5.4:

1.5.2 :

Answers

  • colincolin Posts: 15,112Questions: 1Answers: 2,583

    Hi @bradc3 ,

    Are you seeing a problem with this example? If not, we're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

    Cheers,

    Colin

  • bradc3bradc3 Posts: 3Questions: 1Answers: 0

    Thanks for the response Collin. I created an example here. Works fine in Chrome but not in IE11.

    I used the download builder to construct a stripped down version of the cdn script/stylesheet tags for this example. In my actual project i need to include the downloaded version.

  • allanallan Posts: 61,446Questions: 1Answers: 10,054 Site admin

    Thank you. I've committed a fix for this. As a workaround until that is released you could use:

    div.dt-button-collection .dt-button {
      box-sizing: border-box;
    }
    

    Allan

  • bradc3bradc3 Posts: 3Questions: 1Answers: 0

    Thanks Allan, the work around did resolve the box clipping.

    Will the fix also resolve jQuery theme/styling being picked up in the column visibility selector? If you notice in the example in Chrome the styling is being properly applied while in IE11 it is not.

This discussion has been closed.