Сообщение от Янковиц
|
|
Спасибо, я наверно не так выразился. Скорее нужно не фокус, а курсор перенести.
|
Не получается навести курсор на элемент с нулевой высотой. Когда пустой p прижат к левому краю, курсор тоже не виден из-за обводки фокуса
Попробуйте так
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" lang="ru">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<title>TEST</title>
<style>
.editor {
width: 300px;
min-height: 100px;
border: 1px solid blue;
}
</style>
</head>
<body >
<div class="editor" contenteditable="true" placeholder="Начните писать..."></div>
<script>
let editor = document.querySelector('.editor')
editor.addEventListener( 'focus', function() {
if( editor.children.length == 0 ) {
editor.innerHTML = '<p style="min-height:10px;margin-left:3px;"></p>';
editor.querySelector('p').focus()
}
} );
</script>
</body>
</html>