опять Edge дуреет, как найти проблему?
Обновили UI либу до последней версии и появился странный эффект на кнопках. Возле активной кнопки появляется черная рамочка, причем только в первый раз.
Стоит фокусу уйти на другой элемент - рамка исчезает. Игры с 'border' пока ничего не дали - всё работает, как ожидается, только после смены фокуса. В лисе всё нормально и с первого раза.
В тестовом проекте ничего подобного не наблюдается, какое то смешение стилей получилось в рабочем проекте. В developer tools ничего полезного выудить не удается, да и как только это окно открывается - эффект исчезает.
Что еще можно попробовать?
Потестить на Хроме, а не на Лисе? С каких пор Лиса стала эталоном, когда основная часть браузеров на Хромиуме?
Ну и, а что говорят девелопер тулс? Какой-то стиль на элемент добавляется-изменяется при первом фокусе? Если ничего в стилях не меняется из-за наведения фокуса, то скорее всего баг рендеринга.
Потестить на Хроме
И что нам даст информация что на хроме тоже не работает?
то скорее всего баг рендеринга.
Почти что без сомнений, только вот что его вызывает?
Потестить на ХромеИ что нам даст информация что на хроме тоже не работает?
Что проблема общая, а не лишь движка Лисы.
Зеленую рамку добавил на 4 пиксела для кнопки в фокусе. Добавляет ещё гад черную на 2 пиксела
Ещё есть отрисовка, заложенная на уровне ОС - стилями не исправляется. Как и обсуждаемая ранее отрисовка выпадающих списков - они рендерятся ОС и стилями там мало что исправишь. Те списки, что дают разные либы с возможностью их полной кастомизации, это не списки в их изначальном виде, а их имитация другими элементами. Может, и у вас что-то похожее.
Попробовал на разных сайтах фокус табом попереключать - у каждого по-разному. Браузер - Эдж.
У Ютуба вообще свой стиль для каждой группы элементов (что говорит, что гуглерам на единый дизайн вообще насрать - каждая тима по каждой группе контролов свой огород городит).
Поройся в стилях "фокуса" - очень похоже на подсветку элемента в фокусе.
Как вариант обойти - добавить элемент на котором изначально держать фокус и навигацию на другой элемент.
Ещё есть отрисовка, заложенная на уровне ОС
Только проблема появилась исключительно после обновы либы.
Поройся в стилях "фокуса"
именно этим и занимался в последнее время
Зеленую рамочку видишь на картинке? Это последний стиль. Какого поверх него еще черная рамка? Я раньше делал однопиксельную, так понятно отчего ничего не видно было.
Какого поверх него еще черная рамка?
-----
Ну так там же не только твои стили - там еще Билли старается сделать как лучше...
Так что смотри что и как в настройках Еджа...
У Эджа. В каких именно - надо у билли спрашивать - уже лет 20-ть не пользуюсь ишаком и потомками...
В каких именно - надо у билли спрашивать
Можешь сказать и про настройки твоего любимого браузера. У меня не хватает фантазии связать какие либо настройки с рендерингом кнопки в фокусе.
Можешь сказать и про настройки твоего любимого браузера.
------
В Хроме Я вижу наверное 5% от имеющихся настроек. Остальное - надо копать в доках... и не думаю что там все описано...
Что до эффектов...
Глянул сейчас по-быстрому что есть и зацепился глазами за следующее:
Домашняя страница: file:///C:/Users/Public/Desktop/Firefox.lnk
Файрфох - стоит. Но линка на десктопе нету... и это - настройки Хрома... и насколько Я знаю - брать он их будет не из собственного профиля, а из системных установок про дефолтный бровсер... и даже это можно поменять не меняя системных настроек...
Так что - Хрен его знает как оно там свинчено.
Ещё есть отрисовка, заложенная на уровне ОСТолько проблема появилась исключительно после обновы либы.
А нет каких-то захардкоденных стилей в коде, не в разметке или стилях? Может джаваскриптом ловят получение фокуса и устанавливает стили там? Если знаете скриптовые функции, которые ловят фокус, то прошвырнитесь поиском этой функции по коду.
У Эджа. В каких именно - надо у билли спрашивать - уже лет 20-ть не пользуюсь ишаком и потомками...
Причём тут Билли, если это Хромиум?
А нет каких-то захардкоденных стилей в коде, не в разметке или стилях?
не должно быть. Но воспроизвести на другом проекте не получается пока
Спасибо за идеи, проблема решена.
Действительно виноват подлый EDGE
Для элемента в фокусе он рисует рамку
https://developer.mozilla.org/en-US/docs/Web/API/HTMLEleme...
По счастью, есть метод борьбы: outline:none
https://www.w3schools.com/css/css_outline.asp