[Vuejs]-Applying css grid style using typescript not working in IE. Vue JS

by

1👍

✅

So I found a solution which is bit weird but I am posting it anyway because it may help someone. I was able to render the inline style for IE using camleCase version of the same attributes. 

  getTitleStyle: function(rowIndex, columnIndex) {
        return {
          'grid-row-start': rowIndex,
          'grid-column-start': columnIndex,
          msGridColumn:columnIndex,
          msGridRow :rowIndex,
        }
      }

you can see instead of writing traditional kebab-case(‘-ms-grid-row’), I am using camelCase (msGridRow). I don’t know the reason why IE11 react this way but that is the solution I am moving forward with.

-1👍

IE is not supporting grid. I suggest you switch to flex. Also. Flex wont work under IE 11 as it should. And flex won’t work on items that have min-height and max-height properties if their parents have display-flex so take care of that.

You can check any other info here

Leave a comment