переключатель css отсутствует в Safari

#html #css #vue.js #safari #bootstrap-vue

#HTML #css #vue.js #safari #bootstrap-vue

Вопрос:

У меня есть приложение vue, которое почти нормально работает в браузере Chrome, но в safari возникают некоторые проблемы. Основная проблема связана с компонентами, у которых есть переключатели. Когда я нажимаю на любую из опций радио, она не показывает выбранный цвет (синий) (но опция выбирается в моих ответах JSON). Однако, если вы снова нажмете на ту же опцию, она появится. Почему это происходит в Safari, может кто-нибудь подсказать мне? Он отлично работает в Chrome.

пользовательский интерфейс здесь: https://sensein.github.io/covid19/#/activities/0

и код здесь: https://github.com/sanuann/schema-ui/blob/master/src/components/Inputs/WebRadio/Radio.vue

Вся сборка выполняется с помощью Github actions и развертывается через gh-страницы.

Комментарии:

1. Переключатели становятся синими при первом нажатии при использовании Safari IOS14.

2. @AHaworth а как насчет macOS?

3. Боюсь, у меня нет компьютера macOS.

Ответ №1:

Я смог это исправить, удалив наблюдение за «инициализацией» здесь: https://github.com/sanuann/schema-ui/blob/master/src/components/Inputs/WebRadio/Radio.vue#L105

Я не уверен, почему это работало в других браузерах и почему проблема возникла только в Safari. в любом случае удалось это исправить.