Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 August 30

RR

Roman Resh in HTML/CSS — русскоговорящее сообщество
Anna Sh
Здравствуйте!
Вопрос: как сделать так, чтоб фокус возникал только при наведении мыши, а не когда мышь оказалась над элементом. (т.е. кликабельный элемент, на него кликнули, отвели мышку, навели обратно, и только тогда появился фокус, а не кликнули => фокус).
Такое только через js?
Так после клика вешай на него обработчик маусовер, вроде
источник

RR

Roman Resh in HTML/CSS — русскоговорящее сообщество
И уже там вешай фокус 🤔
источник

AO

Artem O. in HTML/CSS — русскоговорящее сообщество
Roman Resh
И уже там вешай фокус 🤔
так еще ховер надо снимать(если правильно понял кейс)
источник

l

lesha in HTML/CSS — русскоговорящее сообщество
Ещё один делает тестовое для фанбокс)))
источник

AS

Anna Sh in HTML/CSS — русскоговорящее сообщество
lesha
Ещё один делает тестовое для фанбокс)))
Да :)) я сделала эту штуку на джс, но там получился очень сумбурный код. Решила поинтересоваться, реально ли такое было через css.
источник

l

lesha in HTML/CSS — русскоговорящее сообщество
не, через css точно вряд ли
источник

v

va1 in HTML/CSS — русскоговорящее сообщество
Anna Sh
Здравствуйте!
Вопрос: как сделать так, чтоб фокус возникал только при наведении мыши, а не когда мышь оказалась над элементом. (т.е. кликабельный элемент, на него кликнули, отвели мышку, навели обратно, и только тогда появился фокус, а не кликнули => фокус).
Такое только через js?
https://codesandbox.io/s/awesome-engelbart-jo2k0?file=/src/index.js если правильно понял вопрос

Что фокус над инпутом, когда мышь над инпутом (без клика).

Решение от балды, возможно нужны доп проверки чтоб учесть все кейсы и троттлинг на onmouemove над контейнером, хотя там на каждый вызов обработчика практически нет операций, кроме операции сравнения (хз насколько затратно) и O(1) доступ к мапу
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
appearance: none скорее всего
источник

AS

Anna Sh in HTML/CSS — русскоговорящее сообщество
va1
https://codesandbox.io/s/awesome-engelbart-jo2k0?file=/src/index.js если правильно понял вопрос

Что фокус над инпутом, когда мышь над инпутом (без клика).

Решение от балды, возможно нужны доп проверки чтоб учесть все кейсы и троттлинг на onmouemove над контейнером, хотя там на каждый вызов обработчика практически нет операций, кроме операции сравнения (хз насколько затратно) и O(1) доступ к мапу
Это немного не то, но спасибо :) было интересно посмотреть на код, я вряд ли такое смогу самостоятельно объяснить, так что буду придерживаться своего страшненького кода :)
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
Anna Sh
Здравствуйте!
Вопрос: как сделать так, чтоб фокус возникал только при наведении мыши, а не когда мышь оказалась над элементом. (т.е. кликабельный элемент, на него кликнули, отвели мышку, навели обратно, и только тогда появился фокус, а не кликнули => фокус).
Такое только через js?
в funbox тестовое? :)
источник

AS

Anna Sh in HTML/CSS — русскоговорящее сообщество
Tim
в funbox тестовое? :)
да, выше писала.
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
круто, будет трое!
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
с @leshagfb тоже сидим ждем ответа
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
я так понимаю это про последний пункт в ТЗ? я его если честно вообще не понял
источник

ЕС

Егор Семенченко... in HTML/CSS — русскоговорящее сообщество
Tim
appearance: none скорее всего
попробовал вот это, но не помогло  -webkit-tap-highlight-color: transparent;
попробую appearance
в гугле ничего по данному вопросу
источник

AS

Anna Sh in HTML/CSS — русскоговорящее сообщество
Tim
с @leshagfb тоже сидим ждем ответа
долго ждёте?
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
Егор Семенченко
попробовал вот это, но не помогло  -webkit-tap-highlight-color: transparent;
попробую appearance
в гугле ничего по данному вопросу
в гугле еще сформулировать надо. У всех дефолтных интерфейсных элементов типа баттонов/инпутов/селектов и прочего в сафари лезут свои уебанские стили. Они везде лезут, но в сафари они совсем свои и совсем уебанские
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
Anna Sh
долго ждёте?
Леша вроде 26 отправил, или 27, я 28
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
не очень долго
источник

l

lesha in HTML/CSS — русскоговорящее сообщество
25
источник