Страница становится почти полностью белой, когда я нажимаю Alt или Ctrl - PullRequest
Новая
       51

Страница становится почти полностью белой, когда я нажимаю Alt или Ctrl

0 голосов
/ 18 октября 2018

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

До:

Before alt-key pressed

После:

After alt-key pressed

ВОПРОС: Почему это происходит?

Я просмотрел весь код, пытаясь комментироватьиз вещей, которые могут быть причиной этого.Единственными особенностями этой страницы и других страниц, над которыми я работал, является то, что я использую jsCalendar на этой странице, а также изображения svg, чтобы вода превращалась в маленькие пузырьки.Я использую фреймворк Foundation и много jQuery.Других специальных библиотек я не использую.Я не могу поделиться всем кодом, потому что 1 - это частная компания, а 2 - совместное использование более 1500 строк кода, и я уверен, что никто из вас не захочет это просматривать.И я не могу сделать более простой тестовый пример, потому что я понятия не имею, какая часть кода вызывает его.Я ищу идеи относительно того, почему это происходит, и если у вас есть конкретные фрагменты кода, на которые вы хотели бы взглянуть, это может быть причиной, я могу опубликовать их.Заранее спасибо!

ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ: Когда я проверяю страницу в Chrome, единственным элементом, который, кажется, покрывает всю страницу, является <div class="js-off-canvas-overlay is-overlay-fixed"></div>, но когда я его удаляю, ничего не меняется,Там еще большая белая вещь.

1 Ответ

0 голосов
/ 18 октября 2018

Я понял, в чем проблема.Посмотрев немного дальше код, я понял, что библиотека what-input помещает некоторые классы в базовый тег <html>, который конфликтует с одним из моих селекторов css.У меня было несколько классов «кое-что», которые я выбирал, используя [class*="key"], а затем устанавливая ширину и высоту 25px.Таким образом, когда я нажимал клавишу на клавиатуре, в тег html добавлялся класс whatinput-types-keyboard, и поэтому ширина также уменьшалась до 25px.Таким образом, это был не элемент, который покрывал все, это была ширина целого тега <html>, сокращенного плохим селектором.Я изменил селектор, и у меня больше нет проблем.

...