Обновили UI либу до последней версии и появился странный эффект на кнопках. Возле активной кнопки появляется черная рамочка, причем только в первый раз.

Стоит фокусу уйти на другой элемент - рамка исчезает. Игры с 'border' пока ничего не дали - всё работает, как ожидается, только после смены фокуса. В лисе всё нормально и с первого раза.

В тестовом проекте ничего подобного не наблюдается, какое то смешение стилей получилось в рабочем проекте. В developer tools ничего полезного выудить не удается, да и как только это окно открывается - эффект исчезает.

Что еще можно попробовать?

Потестить на Хроме, а не на Лисе? С каких пор Лиса стала эталоном, когда основная часть браузеров на Хромиуме?

Ну и, а что говорят девелопер тулс? Какой-то стиль на элемент добавляется-изменяется при первом фокусе? Если ничего в стилях не меняется из-за наведения фокуса, то скорее всего баг рендеринга.

Потестить на Хроме

И что нам даст информация что на хроме тоже не работает?

то скорее всего баг рендеринга.

Почти что без сомнений, только вот что его вызывает?

Зеленую рамку добавил на 4 пиксела для кнопки в фокусе. Добавляет ещё гад черную на 2 пиксела

Потестить на Хроме

И что нам даст информация что на хроме тоже не работает?

Что проблема общая, а не лишь движка Лисы.

Зеленую рамку добавил на 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