Size: a a a

2019 December 25

v

vlad3k in JS
Лучше то да
источник

D

Drake in JS
Miseo
не помогает
И не будет. У тебя неправильно написано
источник

v

vlad3k in JS
Тогда по каскаду надо установить у родителей position по умолчанию
источник

M

Miseo in JS
вот в консоли. А эффект такой же
источник

v

vlad3k in JS
И размеры ставить относительно документа
источник

D

Drake in JS
Ты берешь координаты события. А это могут быть разные
источник

D

Drake in JS
На одном и том-же блоке
источник

D

Drake in JS
Бери координаты блока, на котором было событие
источник

v

vlad3k in JS
У тебя делегирование?
источник

v

vlad3k in JS
Если да то проверяй конструкцией типо: target.closest(".tooltip")
источник

M

Miseo in JS
vlad3k
Если да то проверяй конструкцией типо: target.closest(".tooltip")
о. сейчас попробую
источник

v

vlad3k in JS
По наведению на что должен тултип появиться?
источник

v

vlad3k in JS
Во первых он у тебя стилизован через класс, а в разметке у него id
источник

M

Miseo in JS
vlad3k
По наведению на что должен тултип появиться?
на синий квадрат
источник

M

Miseo in JS
vlad3k
Во первых он у тебя стилизован через класс, а в разметке у него id
Поправил. Но это не помогло
источник

M

Miseo in JS
источник

T

Taras in JS
блок сползает при этом, но текст становится под иконкой
так что нужно играться с css, наверное
.second {
 position: flex;
 top: 50px;
 left: 150px;
 border: 1px solid green;
 width: 200px;
 height: 200px;
}
источник

M

Miseo in JS
Taras
блок сползает при этом, но текст становится под иконкой
так что нужно играться с css, наверное
.second {
 position: flex;
 top: 50px;
 left: 150px;
 border: 1px solid green;
 width: 200px;
 height: 200px;
}
Секонд нельзя менять
источник

T

Taras in JS
<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width">
 <title>JS Bin</title>
</head>
<body>
 <div class='first'>
   <div class='second'>
     <svg>
       <rect width="100" height="50" style="fill: blue;" onmousemove="showTooltip(evt, 'This is blue');" onmouseout="hideTooltip();" >
       </rect>
     </svg>
   </div>
   <div id="tooltip" class='tooltip' display="none" style="position: absolute; display: none;"></div>
 </div>
</body>
</html>
источник

T

Taras in JS
"tooltip" перенес со второго блока в первый
источник