Vuetify Data таблицы рендерит проблемы с Safari

Question

Я знаю, что это должно быть легко, но я пока не смог найти проблему. Я использую таблицы Vuetify Data с внешним источником, все нормально в любом браузере, кроме Safari (MacOS и iOS).

Проблема: когда таблица данных больше, чем область просмотра, она не может отобразить цвет фона после области просмотра.

Вы можете проверить репо здесь (поставляется с демо): https://github.com/davellanedam/vue-skeleton-mvp

Демо здесь: https://vue -demo.daniel-avellaneda.com

Полномочия: admin@admin.com / 12345

Проблема в компонентах adminCities.vue и adminUsers.vue

Как воспроизвести: Запустите Safari с небольшим окном, затем прокрутите таблицу данных или переведите Safari в адаптивный режим и выберите iPhone 8, а затем прокрутите таблицу данных.

Перед прокруткой: https://imgur.com/nimBnlG

После прокрутки: https://imgur.com/tGx2hgI

Есть какие-нибудь подсказки, как это исправить?

Answer 1

При удалении стиля max-width: 100% из table.v-table в Safari devtools проблема исправлена.Мой обходной путь переписывает этот класс:

<style>
table.v-table {
  max-width: none;
}
</style>