IE не загружает класс css - скомпилирован с sass (файл scss) - PullRequest
0 голосов
/ 11 сентября 2018

Класс обычно добавляется к элементу и находится в соответствующем файле scss.Он применяется естественным образом во всех браузерах (Chrome, Opera, Safari, Firefox, Edge), кроме IE (я тестировал только для IE11).

У класса просто нет первоначальных свойств в инструментах разработчика.Но после выполнения действия на странице оно загружается.Проблема в том, что изначально она отображает страницу неправильно, и быстрое исправление, которое я применил, не очень удачное - тайм-аут в js и удаление и добавление класса через очень короткое время.Это делает для глючного начального опыта с этой страницей, в IE.

Кто-нибудь еще испытал это?И если да, у вас есть лучшее решение?

Заранее спасибо!

        // css here
        .container {
           width: 70%;
           margin: 0 auto!important;
           @media (max-width: 768px) {
              width: 100%;
           }
        }

        ////////////////////////////////////////////////

        // script here
        function ieFixFunction() {
           if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
               document.querySelector(".project-dashboard  > div").classList.remove("container");
               setTimeout(function () { document.querySelector(".project-dashboard  > div").classList.add("container"); }, 0);
           }

        }

PS: я знаю, что использование ! Важный - это большое нет-нет

...