Size: a a a

2020 August 14

SG

Stas G in Frontend UA
источник

SG

Stas G in Frontend UA
золотые слова
источник

LH

Leo Hra in Frontend UA
слова не мальчика, а фронтендера, який бачив багато в житті
источник

LH

Leo Hra in Frontend UA
солідарний
источник

OA

Oleh Aloshkin in Frontend UA
Когда кликаю по ссылке с target="_blank" и на этой ссылке стили с псевдоклассом hover, то после открытия ссылки и возвращении обратно на страницу со ссылкой то эффекты от hover остается на ссылке, пока пользователь не переведет курсор обратно на страницу.

Вот пример: https://jsfiddle.net/47r1uz2d/

Ниже запись экрана для понимания
источник

OA

Oleh Aloshkin in Frontend UA
источник

SG

Stas G in Frontend UA
интересно, в фаерфоксе не так
источник

OA

Oleh Aloshkin in Frontend UA
Как-то можно пофиксить? Кроме вешать обраточик на onlick, и удалять класс на клик идей нет
источник

SG

Stas G in Frontend UA
можешь через :focus по идее снимать стиль
источник

SG

Stas G in Frontend UA
или :active
источник

Вт

Ві тя in Frontend UA
Oleh Aloshkin
Когда кликаю по ссылке с target="_blank" и на этой ссылке стили с псевдоклассом hover, то после открытия ссылки и возвращении обратно на страницу со ссылкой то эффекты от hover остается на ссылке, пока пользователь не переведет курсор обратно на страницу.

Вот пример: https://jsfiddle.net/47r1uz2d/

Ниже запись экрана для понимания
Надо :focus и :active еще кказать
источник

SG

Stas G in Frontend UA
забыл уже эти состояния ссылок)
источник

OA

Oleh Aloshkin in Frontend UA
Ага, спасибо. Сейчас попробую
источник

OA

Oleh Aloshkin in Frontend UA
А если у самой ссылки нет hover'а?

https://jsfiddle.net/verhc6f1/
источник

SG

Stas G in Frontend UA
заводи баг в хром)
источник

DD

Dmytro Dovhan in Frontend UA
Oleh Aloshkin
Как-то можно пофиксить? Кроме вешать обраточик на onlick, и удалять класс на клик идей нет
а зачем вобще это фиксить?
источник

OA

Oleh Aloshkin in Frontend UA
Dmytro Dovhan
а зачем вобще это фиксить?
Есть чат и в нем есть кнопка для видеозвонка, с такой же конструкцией как тут — https://jsfiddle.net/verhc6f1
Когда пользователь обратно возвращается обратно на страницу чата, он видит tooltip до того момента, пока не наведет мышкой на страницу.
источник

SG

Stas G in Frontend UA
ну придется наверное костылять)
источник

SG

Stas G in Frontend UA
const link = document.querySelector('a')
link.onclick = function() {
 document.querySelector('.wrapper').style.pointerEvents = 'none';
 setTimeout(() => {
 
 document.querySelector('.wrapper').style.pointerEvents = 'auto';
 }, 1000)
}
источник

SG

Stas G in Frontend UA
типа такого я бы сделал
источник