Почему css свойства во vue некорректно работают?

Question

[Александр Шведов]

Есть 2 компонента:

<style scoped>

        @media print {
            .calc-print{
                
            }

        }


</style>


<style scoped>
    @media print {
        @page {
            size: portrait;
        }
    }
</style>

Проблема в том, что 1 не срабатывает, а если убираешь второй, то все ок. Как я вижу, проблема в scoped - он не срабатывает почему-то.
P.S Раньше можно было выбирать ориентацию, но после перехода на sass при печати ориентацию выбрать нельзя. Как быть посоветуйте?

Answer 1

[NaN]

Так объедините стили под один тег style scoped

Comments

[Александр Шведов]

это разны компоненты тут такфыввввввввввввввввввввввввввввввввое не канает

[Александр Шведов]

тут разные компоненты поэтому такое не прокатит они сразу под scoped но vue видимо исключает их